:root{--bg:#f3f5f9;--surface:#fff;--ink:#172438;--muted:#64758b;--line:#e3e8f0;--accent:#3266ec;--soft:#eaf0ff;--green:#15866d;--shadow:0 8px 30px #16345a08;color-scheme:light}html[data-theme=dark]{--bg:#101725;--surface:#182234;--ink:#e8eef8;--muted:#a4b3c9;--line:#2c3a50;--soft:#23365b;--shadow:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:9px 13px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.danger{color:#b83d50}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column;gap:32px}.brand{font-size:29px;font-weight:750;letter-spacing:-1.5px}.brand span{color:var(--accent)}.brand img{max-width:150px;max-height:58px;object-fit:contain}.small{font-size:12px;color:var(--muted)}.sidebar nav{display:grid;gap:7px}.sidebar nav button{text-align:left;border:0;padding:12px 16px;background:none;color:var(--muted)}.sidebar nav button.active{background:var(--soft);color:var(--accent);font-weight:650}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:22px}.main{min-width:0;padding:32px 38px}.top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.eyebrow{letter-spacing:1.5px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}h1{font-size:29px;letter-spacing:-.9px;margin:4px 0 0}h2{font-size:17px;margin:0}p{margin:6px 0;color:var(--muted)}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.card{padding:22px}.metric{font-size:28px;font-weight:700;letter-spacing:-.7px;margin:9px 0}.panel{margin-bottom:22px;overflow:hidden}.panel-head{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.5px;text-transform:uppercase;text-align:left;background:var(--bg)}th,td{padding:15px 24px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td strong{font-weight:650}.badge{display:inline-block;padding:4px 9px;border-radius:6px;background:#e6f5ef;color:#15866d;font-size:11px;font-weight:650}.badge.suspended{background:#fdebef;color:#b43c54}.badge.pending,.badge.unopened{background:#f5eddc;color:#886826}.bars{padding:24px;display:grid;gap:21px}.bar-row{display:grid;grid-template-columns:210px 1fr 90px;align-items:center;gap:18px}.bar-track{height:9px;background:var(--bg);border-radius:10px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:10px;width:0}.note{padding:14px 20px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);margin-bottom:22px}.demo{background:#fff5df;color:#806018;border-color:#efdcb5}.empty{padding:44px 20px;text-align:center;color:var(--muted)}input,select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:9px 11px;max-width:100%}label{font-size:12px;font-weight:600;display:grid;gap:6px}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:17px;max-width:680px;width:calc(100% - 30px);padding:28px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0e1d3860}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wide{grid-column:1/-1}.checks{display:flex;gap:20px}.checks label{display:flex;align-items:center;gap:7px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.help{font-size:12px;color:var(--muted);margin-top:10px}.toast{position:fixed;bottom:25px;right:25px;padding:15px 22px;background:var(--ink);color:var(--surface);border-radius:10px;box-shadow:var(--shadow);max-width:500px;z-index:20}.login{max-width:490px;margin:12vh auto;padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.login h1{margin:20px 0 10px}.login .primary{display:inline-block;text-decoration:none;padding:12px 20px;border-radius:9px;margin-top:20px}code{font:12px ui-monospace,monospace;overflow-wrap:anywhere;white-space:normal}.key-output{width:100%;min-height:95px;border:1px solid var(--line);padding:14px;background:var(--bg);color:var(--ink);font:13px monospace;resize:vertical}.audit-detail{max-width:400px;white-space:normal;font-size:12px;color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:3px solid #97b1fa;outline-offset:3px}@media(max-width:1100px){.main{padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:190px 1fr}}@media(max-width:760px){.shell{display:block}.sidebar{padding:16px;border-right:0;border-bottom:1px solid var(--line);gap:12px}.sidebar nav{display:flex;overflow:auto}.sidebar-footer{display:none}.main{padding:18px}.top{align-items:flex-start;flex-direction:column}.bar-row{grid-template-columns:125px 1fr 65px;gap:9px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.metric{font-size:23px}.card{padding:15px}th,td{padding:13px 16px}}

.mobile-signout{display:none}@media(max-width:760px){.sidebar nav button{flex-shrink:0;white-space:nowrap}.mobile-signout{display:block}}
/* Keep action buttons compact while tables scroll within narrow screens. */
td .actions{min-width:300px;max-width:390px}
@media(max-width:760px){table{min-width:950px}.table-wrap{scrollbar-width:thin}.table-wrap::after{content:'Swipe sideways to see all columns';display:block;padding:10px 16px;font-size:11px;color:var(--muted);position:sticky;left:0}}
