:root{--bg:#f4f7fb;--card:#fff;--text:#162033;--muted:#667085;--primary:#0f5bd3;--danger:#d92d20;--line:#e4e7ec}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}button,.button{background:var(--primary);color:white;border:0;border-radius:8px;padding:11px 15px;cursor:pointer;text-decoration:none;display:inline-block}button.secondary{background:#475467}button.danger{background:var(--danger)}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #d0d5dd;border-radius:8px;background:white}label{display:block;font-size:13px;font-weight:600;margin:10px 0}label input,label select,label textarea{margin-top:5px;font-weight:400}.auth{min-height:100vh;display:grid;place-items:center}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 10px 30px #1018280d}.auth .card{width:min(420px,92vw)}.auth h1{margin-top:0}.notice{background:#ecfdf3;color:#067647;border-radius:8px;padding:10px;margin:10px 0}.shell{display:flex;min-height:100vh}.side{width:240px;background:#101828;color:#fff;padding:20px;position:fixed;inset:0 auto 0 0}.brand{font-size:20px;font-weight:800;margin-bottom:24px}.nav button{display:block;width:100%;text-align:left;background:transparent;margin:3px 0;color:#d0d5dd}.nav button:hover,.nav button.active{background:#344054;color:#fff}.main{margin-left:240px;width:calc(100% - 240px)}.top{background:white;border-bottom:1px solid var(--line);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2}.content{padding:24px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.stat b{font-size:25px;display:block;margin-top:6px}.muted{color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:18px}.panel h2{margin:0 0 15px;font-size:18px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:13px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.full{grid-column:1/-1}.actions{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:4px 8px;border-radius:99px;background:#eef4ff;color:#174ea6;font-size:12px}.error{background:#fef3f2;color:#b42318;padding:10px;border-radius:8px;margin-bottom:12px}.modal{position:fixed;inset:0;background:#10182899;display:grid;place-items:center;padding:20px;z-index:10}.modal .card{width:min(900px,96vw);max-height:92vh;overflow:auto}.hidden{display:none}@media(max-width:900px){.side{width:70px;padding:12px}.brand{font-size:0}.brand:after{content:'MT';font-size:18px}.nav button{font-size:0;text-align:center}.nav button:before{content:'•';font-size:22px}.main{margin-left:70px;width:calc(100% - 70px)}.grid{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.content{padding:14px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.top{padding:12px}.content{padding:10px}}
.danger{background:#b42318!important}.actions h2{margin:0}.panel h2{margin-top:0}.stat button{margin-top:12px}.tablewrap button{padding:7px 10px;font-size:12px}
