:root{--bg:#eef2f6;--sidebar:#0f172a;--panel:#ffffff;--text:#111827;--muted:#64748b;--line:#dbe2ea;--green:#15803d;--red:#b91c1c;--amber:#b45309;--blue:#1d4ed8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,select{font:inherit;border-radius:6px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#fff;display:flex;flex-direction:column;padding:22px 16px}.brand{align-items:center;display:flex;font-size:19px;font-weight:700;gap:10px;margin-bottom:28px}.nav{display:grid;grid-gap:6px;gap:6px}.logout button,.nav a{align-items:center;background:transparent;border:0;color:#dbeafe;display:flex;gap:9px;min-height:40px;padding:0 10px;text-decoration:none}.nav a.active{background:#1e293b;color:#fff}.logout{margin-top:auto}.logout button{cursor:pointer;width:100%}.content{min-width:0;padding:28px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.eyebrow{color:var(--muted);font-size:13px;font-weight:700;margin:0 0 4px;text-transform:uppercase}h1{font-size:28px;margin:0}.session{background:var(--panel);border:1px solid var(--line);display:grid;grid-gap:2px;gap:2px;min-width:180px;padding:10px 12px}.session span{font-weight:700}.session strong{color:var(--muted);font-size:12px}.stats{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric{background:var(--panel);border:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;min-height:86px;padding:14px}.metric span{color:var(--muted)}.metric strong{font-size:28px}.metric.warn strong{color:var(--amber)}.metric.ok strong{color:var(--green)}.metric.dark strong{color:var(--sidebar)}.toolbar{background:var(--panel);border:1px solid var(--line);gap:14px;justify-content:space-between;margin-bottom:14px;padding:12px}.filters,.search,.toolbar{align-items:center;display:flex}.filters,.search{gap:8px}.search{flex:1 1}.search input{min-width:220px;width:100%}input,select{border:1px solid var(--line);min-height:36px;padding:0 10px}.pagination button,.row-actions button,.toolbar button{align-items:center;background:var(--sidebar);border:0;color:#fff;cursor:pointer;display:inline-flex;gap:6px;min-height:36px;padding:0 12px}.icon-button{width:38px}.table-panel{background:var(--panel);border:1px solid var(--line);overflow-x:auto}table{border-collapse:collapse;min-width:1040px;width:100%}td,th{border-bottom:1px solid var(--line);padding:11px 12px;text-align:left;vertical-align:middle}th{color:var(--muted);font-size:12px;text-transform:uppercase}.sort{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;gap:5px;padding:0}.sort span{color:var(--blue)}.status{color:#fff;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;min-width:76px;padding:3px 8px}.status.pending{background:var(--amber)}.status.approved{background:var(--green)}.status.rejected{background:var(--red)}.mono{font-family:Cascadia Mono,Consolas,monospace}.variant{display:inline-block;margin-right:6px}.row-actions{display:flex;gap:7px}.row-actions button{justify-content:center;min-height:32px;padding:0;width:34px}.row-actions button.danger{background:var(--red)}.pagination{align-items:center;color:var(--muted);display:flex;justify-content:space-between;padding:14px 0}.pagination div{display:flex;gap:8px}.pagination button:disabled,.row-actions button:disabled{cursor:not-allowed;opacity:.45}.error{background:#fee2e2;border:1px solid #fecaca;color:#7f1d1d;margin-bottom:12px;padding:10px 12px}.login-screen{align-items:center;display:grid;min-height:100vh;padding:24px}.login-box{background:var(--panel);border:1px solid var(--line);margin:0 auto;max-width:420px;padding:28px;width:100%}.login-brand{align-items:center;display:flex;gap:10px;margin-bottom:20px}.login-brand h1{font-size:24px}.form-grid{display:grid;grid-gap:14px;gap:14px}.form-grid label,.inline-form label{color:var(--muted);display:grid;grid-gap:5px;gap:5px}.danger-button,.primary-button{align-items:center;border:0;color:#fff;cursor:pointer;display:inline-flex;gap:7px;justify-content:center;min-height:36px;padding:0 12px}.primary-button{background:var(--sidebar)}.danger-button{background:var(--red)}.form-panel{background:var(--panel);border:1px solid var(--line);margin-bottom:14px;padding:14px}.inline-form{align-items:end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(5,minmax(130px,1fr))}.role,.state{align-items:center;display:inline-flex;gap:5px}.state.ok{color:var(--green)}.state.off{color:var(--red)}.wide-actions{gap:8px;min-width:260px}.quota-control,.wide-actions{align-items:center;display:flex}.quota-control{gap:6px}.quota-control input{width:86px}.quota-control button{background:var(--sidebar);border:0;color:#fff;cursor:pointer;min-height:34px;padding:0 10px}.empty,.loading{color:var(--muted);padding:30px;text-align:center}.loading{align-items:center;display:flex;gap:10px;justify-content:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.header,.inline-form,.toolbar{align-items:stretch;flex-direction:column;grid-template-columns:1fr}}