@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@300;400;500;700&display=swap";:root{color:#f5f7f8;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0a0f10;--bg-deep:#060a0b;--surface:#0d1416;--surface-2:#11191b;--surface-3:#162023;--text:#f5f7f8;--muted:#879397;--muted-2:#5e6a6e;--green:#16b85a;--green-bright:#20d36b;--green-dark:#0c6b37;--green-soft:#16b85a1a;--border:#adcabe1f;--border-strong:#20d36b4d;--danger:#dc5a5a;--shadow:0 18px 50px #00000057;--font-heading:"Bebas Neue", "Arial Narrow", sans-serif;background:#0a0f10;font-family:Roboto,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 80% -10%,#16b85a1f,#0000 28%),radial-gradient(circle at 10% 90%,#16b85a0a,#0000 35%),linear-gradient(#0b1113,#070b0c);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0006,#0000 70%);mask-image:linear-gradient(#0006,#0000 70%)}button,select{font-family:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--green-bright);outline-offset:2px}#root{min-height:100vh}.portal-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:linear-gradient(#14191ffa,#0b0e12);flex-direction:column;justify-content:space-between;height:100vh;padding:32px 24px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;margin-bottom:42px;display:flex}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{letter-spacing:.12em;font-size:.9rem}.sidebar-brand span{letter-spacing:.25em;color:var(--muted);margin-top:2px;font-size:.64rem}.brand-mark{border:1px solid var(--green);width:38px;height:38px;color:var(--green);font-weight:800;font-family:var(--font-heading);border-radius:8px;place-items:center;display:grid}.brand-mark.large{width:58px;height:58px;margin-inline:auto;font-size:1.5rem}nav{gap:6px;display:grid}.nav-item{color:var(--muted);border-radius:8px;padding:11px 12px;text-decoration:none;transition:all .2s}.nav-item:hover,.nav-item.active{color:var(--text);background:#16b85a1a}.nav-item.active{border-left:2px solid var(--green)}.sidebar-footer{color:var(--muted);gap:12px;font-size:.78rem;display:grid}.sidebar-footer button{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.sidebar-footer button:hover{color:var(--text)}.content{width:100%;max-width:1500px;padding:46px 52px 80px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;display:flex}.topbar h1{margin:4px 0 0;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500}.identity{justify-items:end;display:grid}.identity strong{color:var(--green)}.identity span{color:var(--muted);font-size:.8rem}.eyebrow{color:var(--green);letter-spacing:.22em;margin:0;font-size:.68rem;font-weight:700}.dashboard-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.card,.table-card{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(145deg,#181d24f7,#101419f7);border-radius:14px}.card{padding:28px}.card h2{margin:8px 0 18px;font-weight:500}.hero-card{position:relative;overflow:hidden}.hero-card:after{content:"N";color:#16b85a0b;font-family:var(--font-heading);pointer-events:none;font-size:12rem;position:absolute;bottom:-40px;right:24px}.profile-grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;display:grid;position:relative}.profile-grid dt{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem}.profile-grid dd{margin:5px 0 0;font-weight:600}.section{margin-top:42px;scroll-margin-top:30px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-heading h2{margin:5px 0 0;font-weight:500}.count-badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:.75rem}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:16px 18px}th{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:600}tbody tr:last-child td{border-bottom:0}td strong,.subtext{display:block}.subtext{color:var(--muted);margin-top:2px;font-size:.74rem}.status-pill,.access-pill{border:1px solid var(--border);border-radius:999px;padding:5px 9px;font-size:.75rem;display:inline-flex}select{border:1px solid var(--border);min-width:135px;color:var(--text);font:inherit;background:#0a1012;border-radius:7px;padding:8px 10px}select:focus{outline:1px solid var(--green);border-color:var(--green)}select:disabled{opacity:.55}.alert{border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:.85rem}.alert.error{background:#dc5a5a14;border:1px solid #dc5a5a59}.alert.success{background:#6cb57414;border:1px solid #6cb57459}.center-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card,.loading-card{border:1px solid var(--border);background:var(--surface);width:min(100%,440px);box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:42px}.login-card h1{margin:12px 0 10px;font-weight:500}.login-card .eyebrow{margin-top:24px}.muted{color:var(--muted);line-height:1.65}.primary-button,.secondary-button{min-height:44px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;margin-top:18px;padding:0 18px;font-weight:650;text-decoration:none;display:inline-flex}.primary-button{border:1px solid var(--green);background:var(--green);color:#111;width:100%}.secondary-button{border:1px solid var(--border);color:var(--text);background:0 0}.beta-label{color:var(--muted);letter-spacing:.25em;margin:24px 0 0;font-size:.64rem}.table-message{color:var(--muted);margin:0;padding:28px}@media (width<=900px){.portal-shell{display:block}.sidebar{height:auto;padding:18px 22px;position:static}.sidebar>div:first-child{justify-content:space-between;align-items:center;gap:20px;display:flex}.sidebar-brand{margin:0}nav{display:flex}.sidebar-footer{display:none}.content{padding:30px 22px 60px}.dashboard-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.topbar{align-items:flex-start}.identity{display:none}.profile-grid{grid-template-columns:1fr}.sidebar>div:first-child{display:block}nav{margin-top:16px}}h1,h2,.sidebar-brand strong{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.045em}.topbar h1{letter-spacing:.035em;font-weight:400}.sidebar{background:linear-gradient(#080e10fc,#040809)}.sidebar-brand strong{letter-spacing:.08em;font-size:1.25rem;font-weight:400}.sidebar-brand span{color:var(--green);font-weight:600}.brand-mark{border-color:var(--green);color:var(--text);background:radial-gradient(circle,#16b85a29,#0000 65%);box-shadow:0 0 24px #16b85a14}.nav-item{text-transform:uppercase;letter-spacing:.08em;border-radius:3px;font-size:.72rem}.nav-item:hover,.nav-item.active{background:var(--green-soft)}.nav-item.active{border-left-color:var(--green)}.eyebrow{color:var(--green);letter-spacing:.18em;font-weight:700}.card,.table-card,.login-card,.loading-card{border-color:var(--border);background:linear-gradient(145deg,#0f1719f7,#080e10fa);border-radius:4px}.card:hover{border-color:#16b85a2e}.hero-card:after{color:#16b85a0b}.profile-grid dt{color:var(--green)}.status-pill{background:#16b85a12;border-color:#16b85a40}.access-pill{border-color:var(--border)}select{background:#091012;border-radius:3px}select:hover{border-color:#16b85a52}select:focus{outline-color:var(--green);border-color:var(--green)}.primary-button{border-color:var(--green);color:#fff;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#159348,#16b85a);border-radius:3px;font-size:.78rem}.primary-button:hover{background:linear-gradient(135deg,#16a750,#20c965);box-shadow:0 0 24px #16b85a29}.secondary-button{border-radius:3px}.count-badge{color:var(--green);border-radius:3px}th{color:#718084}tbody tr:hover{background:#16b85a06}.alert.success{background:#16b85a14;border-color:#16b85a52}.beta-label,.identity strong{color:var(--green)}.brand-logo{object-fit:contain;border-radius:50%;flex:none;width:46px;height:46px;display:block;box-shadow:0 0 22px #16b85a1f}.login-logo{width:92px;height:92px;margin:0 auto 18px}.content{position:relative;overflow:hidden}.content>*{z-index:1;position:relative}.portal-atmosphere{z-index:0;opacity:.18;filter:saturate(.85)contrast(1.05);pointer-events:none;background:linear-gradient(#070c0d4d,#070c0dc7 65%,#070c0d),url(/brand/nordvegr-profile-banner.webp) 50% 42%/cover no-repeat;height:280px;position:absolute;top:0;left:0;right:0}.sidebar-brand{position:relative}.sidebar-brand:after{content:"";background:linear-gradient(90deg,#16b85a5c,#0000);height:1px;position:absolute;bottom:-18px;left:58px;right:0}.topbar{padding-top:4px}.topbar h1{font-size:clamp(2rem,4vw,3.2rem);line-height:.98}.identity{border-left:2px solid var(--green);background:#080f1070;padding:8px 12px}.section-heading{border-bottom:1px solid #16b85a1a;padding-bottom:10px}.table-card{border-top:1px solid #16b85a38}thead{background:#16b85a06}tbody tr{transition:background .15s,box-shadow .15s}tbody tr:hover{box-shadow:inset 2px 0 0 var(--green)}.sidebar-logo{width:52px;height:52px}.welcome-line{color:var(--muted);letter-spacing:.02em;margin:7px 0 0;font-size:.9rem}.portal-atmosphere{opacity:.14;background-position:50% 62%;height:250px}.topbar h1{margin-top:6px;font-size:clamp(2.1rem,3.5vw,3rem)}.sidebar-brand:after{left:64px}.driver-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.detail-list{gap:16px;margin:18px 0 0;display:grid}.detail-list>div{border-bottom:1px solid var(--border);padding-bottom:12px}.detail-list>div:last-child{border-bottom:0;padding-bottom:0}.detail-list dt{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;font-weight:700}.detail-list dd{color:var(--text);margin:5px 0 0}.driver-link,.back-button{font:inherit;color:inherit}.driver-link{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.driver-link:hover strong{color:var(--green-bright)}.driver-link:disabled{opacity:.55;cursor:wait}.back-button{border:1px solid var(--border);cursor:pointer;background:#080f10b3;border-radius:3px;padding:8px 12px}.back-button:hover{border-color:var(--green);color:var(--green-bright)}@media (width<=900px){.driver-detail-grid{grid-template-columns:1fr}}.sidebar .nav-item{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;appearance:none;border:0;display:block}.sidebar button.nav-item{width:100%;color:var(--muted);font:inherit;text-align:left;text-transform:uppercase;cursor:pointer;appearance:none;background:0 0;border:0;border-left:2px solid #0000;border-radius:3px;padding:10px 14px;text-decoration:none;display:block}.sidebar button.nav-item:hover{background:var(--green-soft);color:var(--text)}.sidebar button.nav-item.active{border-left-color:var(--green);background:var(--green-soft);color:var(--text)}.sidebar button.nav-item:focus,.sidebar button.nav-item:focus-visible{background:var(--green-soft);color:var(--text);outline:none}.sidebar button.nav-item::-moz-focus-inner{border:0}.logger-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.logger-sessions{margin-top:28px}@media (width<=900px){.logger-grid{grid-template-columns:1fr}}.sidebar-nav{gap:22px;display:grid}.nav-section{gap:6px;display:grid}.nav-section-label{color:var(--green);letter-spacing:.22em;text-transform:uppercase;margin:0 0 5px 12px;font-size:.62rem;font-weight:700}.staff-nav-section{border-top:1px solid var(--border);padding-top:18px}@media (width<=900px){.sidebar-nav{align-items:flex-start;gap:18px;display:flex}.nav-section{flex-wrap:wrap;display:flex}.nav-section-label{width:100%;margin:0 0 4px}.staff-nav-section{border-top:0;border-left:1px solid var(--border);padding-top:0;padding-left:18px}}@media (width<=600px){.sidebar-nav{gap:16px;display:grid}.nav-section{display:grid}.staff-nav-section{border-left:0;border-top:1px solid var(--border);padding-top:14px;padding-left:0}}.dashboard-grid[hidden]{display:none}.nav-section-label{letter-spacing:.18em;border-bottom:1px solid #16b85a47;margin:0 0 9px;padding-bottom:9px;font-size:.76rem;font-weight:800}.sidebar-nav .nav-item{padding:8px 11px;font-size:.88rem}.staff-nav-section{padding-top:22px}
