:root{font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#eef2f7;color:#0f172a}.sa-login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(120deg,#0c0f1a,#11233f)}.sa-card{width:min(420px,100%);background:#fff;padding:24px;border-radius:14px;border:1px solid #d8e1ef;display:grid;gap:10px}.sa-card input,.sa-form input,.sa-form select{width:100%;padding:10px 12px;border:1px solid #ccd7ea;border-radius:10px}.sa-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sa-side{background:#0d1424;color:#e3ebf8;padding:16px;display:grid;grid-template-rows:auto 1fr auto;gap:14px}.sa-side nav{display:grid;gap:6px}.sa-side a{color:inherit;text-decoration:none;padding:9px 10px;border-radius:8px}.sa-side a.active,.sa-side a:hover{background:#1b2a44}.sa-main{padding:16px}.btn{border:0;border-radius:10px;padding:9px 12px;background:#00c853;font-weight:700}.btn.muted{background:#dbe3ef}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.sa-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.sa-stat{background:#fff;border:1px solid #d8e1ef;border-radius:12px;padding:12px}.sa-stat strong{display:block;margin-top:4px;font-size:20px}.sa-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d8e1ef;border-radius:10px;overflow:hidden}.sa-table th,.sa-table td{border-bottom:1px solid #e3eaf4;padding:10px;text-align:left;font-size:14px}.sa-form{display:grid;grid-template-columns:1fr 1fr 170px auto;gap:8px;margin-bottom:12px}.drawer{position:fixed;right:18px;top:18px;width:320px;background:#fff;border:1px solid #d5deec;border-radius:12px;padding:14px;display:grid;gap:8px}.sa-settings{background:#fff;border:1px solid #d8e1ef;border-radius:12px;padding:14px}@media (max-width: 980px){.sa-shell,.sa-stats,.sa-form{grid-template-columns:1fr}}