:root{font-family:system-ui,sans-serif;color:#20222a;background:#f7f8fa}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:24px}header,.toolbar,nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px}header{justify-content:space-between}a{color:#166a77}section,article{background:#fff;padding:20px;border:1px solid #e0e4ea;border-radius:12px;margin-top:20px}form{max-width:600px;display:grid;gap:16px}label{display:grid;gap:6px;margin:12px 0}input,select,textarea,button{font:inherit;border:1px solid #c4cbd2;border-radius:6px;padding:10px;max-width:100%}button{cursor:pointer;background:#edf7f7}button:disabled{opacity:.5;cursor:default}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid #e4e8ed;padding:12px}@media(width<=600px){main{padding:12px}section,article{padding:12px}.toolbar{gap:8px}}