: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-brand{display:inline-flex;align-items:center;gap:8px}.sa-brand img{display:block;height:32px;width:auto}.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(auto-fit,minmax(180px,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}.sa-section{display:grid;gap:16px}.sa-panel{background:#fff;border:1px solid #d8e1ef;border-radius:12px;padding:14px}.sa-actions{display:flex;flex-wrap:wrap;gap:8px}.sa-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.sa-pill--pending{background:#fef3c7;color:#92400e}.sa-pill--approved,.sa-pill--active{background:#dcfce7;color:#166534}.sa-pill--rejected,.sa-pill--suspended{background:#fee2e2;color:#b91c1c}.sa-pill--closed{background:#e2e8f0;color:#334155}.sa-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#ecfdf5;border:1px solid #86efac;border-radius:12px;padding:12px 14px}.sa-code{display:inline-block;padding:4px 8px;border-radius:8px;background:#0f172a;color:#e2e8f0;font-family:Consolas,Courier New,monospace;font-size:12px}.sa-stack{display:grid;gap:8px}.sa-card-lite{display:grid;gap:4px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}@media (max-width: 980px){.sa-shell,.sa-stats,.sa-form{grid-template-columns:1fr}}