:root{--blue:#16a9f5;--indigo:#5966f4;--purple:#b52de1;--ink:#101828;--muted:#667085;--line:#e8eaf2;--soft:#f6f8fc;--danger:#d92d20;--success:#079455}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);padding:24px 16px;background:linear-gradient(180deg,#fff 0,#fbfaff 100%);position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px}.brand img{width:45px;height:45px;object-fit:contain}.brand strong{font-size:18px}.nav a{display:flex;padding:11px 14px;margin:4px 0;border-radius:12px;color:#344054;text-decoration:none;font-weight:650}.nav a:hover,.nav a.active{background:linear-gradient(90deg,#eef8ff,#f9efff);color:#7137d4}.main{padding:32px;max-width:1450px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:28px}.gradient{margin:0;background:linear-gradient(90deg,var(--blue),var(--indigo),var(--purple));-webkit-background-clip:text;color:transparent;font-size:30px}.sub{color:var(--muted);margin:5px 0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px;box-shadow:0 8px 26px rgba(36,48,84,.06)}.metric b{font-size:28px;display:block}.metric span,.muted{color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:22px 0 12px}.btn{border:0;border-radius:11px;padding:10px 15px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block}.primary{color:#fff;background:linear-gradient(100deg,var(--blue),var(--purple));box-shadow:0 8px 18px rgba(118,64,220,.18)}.ghost{background:#f2f4f7;color:#344054}.danger{background:#fff1f0;color:var(--danger)}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.pill{padding:4px 9px;border-radius:999px;background:#eef7ff;color:#1674c8;font-size:12px;font-weight:700}.pill.off{background:#f2f4f7;color:#667085}.modal{border:0;border-radius:20px;padding:0;max-width:720px;width:calc(100% - 30px);box-shadow:0 30px 80px #10182835}.modal::backdrop{background:#10182880}.modal-body{padding:24px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:750;color:#475467;margin-bottom:6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d0d5dd;border-radius:10px;font:inherit;background:white}textarea{min-height:110px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.notice{padding:12px 15px;border-radius:10px;background:#ecfdf3;color:#067647;margin:12px 0}.error{background:#fef3f2;color:#b42318}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#eaf8ff,transparent 42%),radial-gradient(circle at bottom right,#faeaff,transparent 45%),#fff}.login .card{width:min(430px,calc(100% - 30px))}.login img{display:block;width:130px;height:90px;object-fit:contain;margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{height:auto;position:static}.grid,.formgrid,.split{grid-template-columns:1fr}.main{padding:20px}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}}