:root{--ink:#10242a;--teal:#0f6f73;--teal2:#e6f4f3;--line:#dbe6e7;--muted:#64777c;--bg:#f5f8f8}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{border:0;border-radius:10px;padding:10px 13px;background:var(--teal);color:#fff;font-weight:700;cursor:pointer}input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin:5px 0 10px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 28px #1635360d}.login .card{width:min(440px,100%)}.brand{font-weight:900}.brand span{color:var(--teal)}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:#fff;border-right:1px solid var(--line);padding:18px 12px}.side button{width:100%;text-align:left;margin:3px 0;background:transparent;color:var(--ink)}.side button.on{background:var(--teal2);color:var(--teal)}.main{padding:24px}.top{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.muted{color:var(--muted)}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.pill{padding:4px 8px;border-radius:99px;background:var(--teal2);color:var(--teal);font-size:12px}.formgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.notice{padding:10px;border-radius:10px;background:#fff6d9;margin:10px 0}.ok{background:#e7f7eb}.ghost{background:#eef4f4;color:var(--ink)}@media(max-width:850px){.shell{grid-template-columns:1fr}.side{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.side .brand,.side p{display:none}.side button{min-width:max-content}.grid{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.main{padding:14px}}