@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b0d14;--panel:#121622;--panel2:#171c2b;--border:#252b3c;--text:#f2f4fb;--muted:#9199ad;--purple:#9274ff;--purple2:#7255ec;--green:#46d6a0;--red:#ff7582;--blue:#75a7ff;--radius:18px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -20%,rgba(105,75,220,.14),transparent 48%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{width:250px;flex:0 0 250px;background:rgba(14,17,27,.94);border-right:1px solid var(--border);padding:27px 17px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;line-height:1.2;padding:0 9px 36px}.brand small{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:1.8px;color:var(--muted);margin-top:6px}.brand-mark{height:41px;width:41px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,#a28aff,#6644dc);box-shadow:0 8px 26px #7452f43b;font-size:25px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;gap:13px;align-items:center;color:#9da5b8;padding:12px 13px;border-radius:11px;font-size:14px;transition:.15s}.sidebar nav a:hover,.sidebar nav a:first-child{background:linear-gradient(90deg,#7e62f526,transparent);color:#c8bcff}.sidebar-bottom{margin-top:auto}.user-chip{display:flex;align-items:center;gap:10px;padding:13px 7px;border-top:1px solid var(--border);font-weight:600}.user-chip small,.account-row small{display:block;color:var(--muted);font-size:10px;letter-spacing:.7px;margin-top:2px}.avatar{height:34px;width:34px;display:grid;place-items:center;border-radius:11px;background:#2a2449;color:#c8bcff;font-weight:700}.logout{display:block;color:var(--muted);padding:10px 8px}.main{min-width:0;flex:1;padding:0 clamp(20px,3vw,48px) 42px}.topbar{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);margin-bottom:30px}.topbar h1{font:600 24px 'Space Grotesk',sans-serif;margin:3px 0 0}.eyebrow{color:#8c78ec;font-size:10px;font-weight:700;letter-spacing:1.65px}.status-pill,.date-chip{font-size:11px;color:#b6bed0;background:#171b28;border:1px solid #2b3144;border-radius:30px;padding:8px 12px;white-space:nowrap}.status-pill i,.live-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.welcome-row h2{font:600 27px 'Space Grotesk',sans-serif;letter-spacing:-.6px;margin:4px 0}.wave{color:#b09aff}.muted{color:var(--muted);margin:5px 0}.small{font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card,.panel{background:linear-gradient(145deg,rgba(21,26,40,.98),rgba(17,21,32,.98));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 35px #0000000c}.stat-card{padding:20px 21px;min-width:0}.stat-icon{height:37px;width:37px;border-radius:12px;display:grid;place-items:center;font-size:18px;margin-bottom:17px}.purple{background:#8e70ff1c;color:#b6a5ff}.blue{background:#579bff1b;color:#8ab8ff}.green{background:#38d6a01a;color:#5be0b0}.stat-label{display:block;color:var(--muted);font-size:12px}.stat-card strong{font:600 29px 'Space Grotesk',sans-serif;display:block;margin:3px 0 0}.stat-card small{color:#778197;font-size:11px}.content-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:18px;margin-bottom:19px}.panel{padding:23px;min-width:0;margin-bottom:19px}.content-grid .panel{margin-bottom:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel h3{font:600 18px 'Space Grotesk',sans-serif;margin:3px 0 0}.panel h4{font:600 14px 'Space Grotesk',sans-serif;margin:0 0 12px}.live-tag{font-size:9px;letter-spacing:1px;border:1px solid #2b3445;color:#9aa5b9;border-radius:30px;padding:6px 9px;white-space:nowrap}.live-tag i{width:5px;height:5px}.shift-status{display:flex;gap:12px;align-items:center;background:#182b2a;border:1px solid #245046;border-radius:13px;padding:15px;margin:18px 0}.shift-status strong,.shift-status small{display:block}.shift-status small{font-size:11px;color:#9abeb5;margin-top:4px}.pulse-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #46d6a01a}.clock-placeholder,.empty-state{min-height:118px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);gap:5px;text-align:center}.clock-placeholder span,.empty-state span{font-size:25px;color:#8b76ed}.clock-placeholder strong,.empty-state strong{color:#d9deeb;font-size:13px}.clock-placeholder small,.empty-state small{font-size:11px}.clock-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.btn{border:1px solid transparent;border-radius:10px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-weight:700;font-size:12px;transition:transform .15s,filter .15s;white-space:nowrap}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#9a80ff,#7658e8);color:white;box-shadow:0 7px 20px #7855ee2b}.btn.secondary{background:#202638;border-color:#30384e;color:#c3cadd}.btn.danger{background:#351e2a;border-color:#61303f;color:#ff9ba5}.btn.full{width:100%;margin-top:7px}.btn.mini{padding:7px 9px;font-size:10px;background:#292443;color:#d0c6ff;border-color:#403568}.helper-note{border-top:1px solid var(--border);margin-top:19px;padding-top:13px;color:#78839a;font-size:10px}.announcement{border-top:1px solid var(--border);padding:14px 0}.announcement:first-of-type{border-top:0;padding-top:0}.announcement strong{font-size:13px}.announcement small{display:block;color:#7f899f;font-size:10px;margin-top:3px}.announcement p{color:#a9b1c2;font-size:12px;margin:8px 0 0;overflow-wrap:anywhere}.history-panel{margin-top:19px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.9px;color:#79839a;font-weight:700;padding:12px 13px;border-bottom:1px solid var(--border)}td{padding:14px 13px;border-bottom:1px solid #242a39;color:#b9c1d1}tbody tr:last-child td{border-bottom:0}td strong{color:#e3e7f2;font-weight:600}.table-empty{text-align:center;color:var(--muted);padding:28px}.badge{display:inline-flex;align-items:center;border-radius:30px;padding:4px 8px;background:#252b3a;color:#b9c1d3;font-size:10px;font-weight:700}.badge.approved,.badge.played{background:#16392f;color:#65dfb1}.badge.open,.badge.new,.badge.submitted{background:#30284c;color:#c0b0ff}.badge.rejected{background:#43242c;color:#ff9da6}.badge.queued{background:#1e3048;color:#8abaff}.badge.admin{background:#3b2b21;color:#ffc48a}.cell-sub{display:block;font-size:10px;color:#7f8aa0;margin-top:4px;white-space:normal;max-width:230px}.alert{border:1px solid;border-radius:12px;padding:12px 15px;margin-bottom:18px;font-size:12px}.alert.success{background:#15342c;border-color:#245846;color:#8be6bf}.alert.error{background:#3b2029;border-color:#693341;color:#ffabb5}.login-wrap{min-height:calc(100vh - 130px);display:grid;place-items:center}.login-card{width:min(100%,420px);padding:32px;background:#131826;border:1px solid var(--border);border-radius:22px;box-shadow:0 20px 70px #0004}.login-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#9d85ff,#6d4ae0);font-size:27px;margin-bottom:22px}.login-card h2{font:600 25px 'Space Grotesk',sans-serif;margin:7px 0}.login-card .muted{font-size:12px;margin-bottom:24px}.login-card form,.stack-form{display:grid;gap:16px}.login-card label,.stack-form label,.edit-form label{display:grid;gap:7px;color:#aab2c4;font-size:11px;font-weight:600}.login-card input,.stack-form input,.stack-form textarea,.stack-form select,.edit-form input,.inline-form select{background:#0d111b;border:1px solid #30374a;border-radius:9px;padding:11px 12px;color:var(--text);outline:none;width:100%;min-width:0}.login-card input:focus,.stack-form input:focus,.stack-form textarea:focus,.edit-form input:focus{border-color:#8870f5;box-shadow:0 0 0 3px #8870f51a}.fine-print{font-size:10px;color:#778197;text-align:center;margin:18px 0 0}.request-grid{grid-template-columns:minmax(250px,.72fr) minmax(0,1.5fr)}.stack-form{margin-top:18px}.stack-form textarea{resize:vertical}.inline-form{display:flex;align-items:center;gap:5px}.inline-form select{width:auto;max-width:110px;padding:7px;font-size:10px}.divider{height:1px;background:var(--border);margin:21px 0}.account-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.account-row>span:nth-child(2){flex:1;min-width:0}.account-row strong{font-size:12px}.small-avatar{width:29px;height:29px;font-size:11px}.admin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:19px}.edit-details{position:relative}.edit-details summary{cursor:pointer;color:#c2b5ff;font-size:11px;padding:5px}.edit-form{position:absolute;right:0;top:28px;z-index:5;background:#1a2030;border:1px solid #3b4359;border-radius:12px;padding:14px;width:255px;box-shadow:0 15px 35px #0009;display:grid;gap:10px;white-space:normal}.edit-form label{font-size:10px}.edit-form input{font-size:11px;padding:8px}.audit-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.audit-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#9076f5;margin-top:6px}.audit-row>span:nth-child(2){flex:1;min-width:0}.audit-row strong{display:block;font-size:11px;text-transform:capitalize}.audit-row small{display:block;color:#818ba0;font-size:10px;margin-top:3px}.audit-row time{font-size:9px;color:#818ba0;white-space:nowrap}.divider~.eyebrow{margin-bottom:5px}
@media(max-width:1050px){.sidebar{width:215px;flex-basis:215px}.content-grid,.request-grid,.admin-grid{grid-template-columns:1fr}.stat-grid{gap:10px}.stat-card{padding:16px}}@media(max-width:700px){.shell{display:block}.sidebar{width:100%;height:auto;position:relative;padding:13px 16px;border-right:0;border-bottom:1px solid var(--border)}.brand{padding:0 0 13px}.sidebar nav{display:flex;gap:5px;overflow-x:auto}.sidebar nav a{padding:9px 10px;white-space:nowrap}.sidebar-bottom{display:none}.main{padding:0 15px 28px}.topbar{min-height:75px;margin-bottom:22px}.topbar h1{font-size:21px}.status-pill{display:none}.welcome-row{align-items:flex-start}.welcome-row h2{font-size:23px}.date-chip{font-size:9px;padding:7px 9px}.stat-grid{grid-template-columns:1fr;gap:10px}.stat-card{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center;padding:14px}.stat-icon{grid-row:span 3;margin:0}.stat-label{align-self:end}.stat-card strong{font-size:22px}.stat-card small{align-self:start}.panel{padding:17px;border-radius:15px}.panel-heading{gap:8px}.panel h3{font-size:16px}.clock-actions .btn{flex:1}.request-grid{grid-template-columns:1fr}.audit-row time{display:none}}