:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f5fff9;background:#061016}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at 74% 0%,#173e3e 0,transparent 45%),#071017}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#defcedaa 1px,transparent 1px),radial-gradient(#fff8 1px,transparent 1px);background-size:91px 91px,137px 137px;background-position:30px 44px,5px 13px;opacity:.5}.aurora{position:fixed;width:70vw;height:33vw;filter:blur(65px);border-radius:50%;pointer-events:none;opacity:.28;animation:float 14s ease-in-out infinite alternate}.aurora-a{background:#3ed9b8;top:-24%;right:-10%;transform:rotate(-15deg)}.aurora-b{background:#9379e2;left:10%;top:-27%;animation-delay:-6s}.meteor{position:fixed;top:8%;left:50%;width:110px;height:1px;background:linear-gradient(90deg,transparent,#fff);transform:rotate(-31deg);opacity:0;animation:shoot 12s linear infinite}.shell{position:relative;display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#08151cce;border-right:1px solid #ffffff16;padding:37px 21px;display:flex;flex-direction:column;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:13px;letter-spacing:4px;font-size:17px;line-height:1.25;font-weight:300}.brand strong{color:#a0f9d9}.brandicon{font-size:47px;color:#96ffe0;text-shadow:0 0 35px #8bffd6}.side-label{font-size:10px;letter-spacing:2.5px;color:#839ca4;margin:64px 12px 22px}nav{display:grid;gap:11px}nav a{color:#a5b9bc;text-decoration:none;padding:16px 18px;border-radius:13px;font-size:13px}nav a:hover,nav a.active{color:#eafff5;background:linear-gradient(115deg,#2f8b7955,#837ac72a);border:1px solid #9bf2cf3e;box-shadow:inset 0 1px 0 #ffffff20,0 6px 20px #0004}.side-bottom{margin-top:auto;color:#b6d3ce;font-size:12px}.side-bottom small{display:block;margin:12px 0;color:#6d8b94}.status-dot,.livepill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#80f3be;box-shadow:0 0 13px #80f3be;margin-right:8px}main{padding:40px clamp(25px,4vw,70px)}header,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:clamp(28px,3vw,45px);margin:7px 0 10px;letter-spacing:-1.5px}h1 span{color:#98eecd}.eyebrow{font-size:10px;letter-spacing:3px;color:#7df5ce;font-weight:700}.sub{color:#a0b6b9;margin:0;font-size:14px}.livepill{border:1px solid #a4edcd44;background:#62a9921b;padding:13px 16px;border-radius:30px;letter-spacing:1.3px;font-size:10px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin:40px 0 23px}.tile,.panel{background:linear-gradient(145deg,#1e3439bf,#0e1e26c9);border:1px solid #b8fff021;border-radius:19px;box-shadow:inset 0 1px #ffffff18,0 18px 50px #0004;backdrop-filter:blur(20px)}.tile{padding:25px}.tile span{font-size:10px;letter-spacing:1.5px;color:#aec5c5}.tile strong{display:block;font-size:43px;margin:16px 0 9px;font-weight:600}.tile small{color:#91afa9}.content{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:20px}.panel{padding:23px;min-width:0}.panel-head{margin-bottom:20px}.panel-head h2{margin:7px 0 0;font-size:19px}.panel-head em{font-style:normal;font-size:9px;padding:5px 7px;color:#6cf4bb;border:1px solid #74d7b644;border-radius:6px;vertical-align:middle}.tiny{font-size:10px;color:#89e5bd}.map-surface{position:relative;min-height:375px;overflow:hidden;border-radius:13px;background:radial-gradient(ellipse at 50% 60%,#285356,#10232d 55%,#0b1923);border:1px solid #ffffff1d}.gridlines{position:absolute;inset:0;background-image:linear-gradient(#a2f7e009 1px,transparent 1px),linear-gradient(90deg,#a2f7e009 1px,transparent 1px);background-size:31px 31px;transform:perspective(550px) rotateX(27deg) scale(1.2)}.map-center{position:absolute;text-align:center;top:50%;left:50%;width:85%;transform:translate(-50%,-50%);color:#d8efea}.planet{font-size:65px;color:#b0fce0;text-shadow:0 0 40px #77eebf}.map-center h3{font-size:19px;margin:3px}.map-center p{font-size:12px;color:#a5c1bf;line-height:1.7}.map-center .caution{font-size:11px;color:#d2cfab}.map-label{position:absolute;bottom:14px;left:17px;font-size:9px;letter-spacing:1px;color:#a0c5c0}.drivers-list{min-height:285px}.empty{color:#91abaa;font-size:13px;padding:24px 0}.driver{padding:14px 0;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;gap:15px;font-size:12px}.driver small{display:block;color:#86a5a5;margin-top:6px}.driver b{color:#8df6c5}.demo{margin-top:14px;border-top:1px solid #ffffff1c;padding-top:20px}.demo button,footer button{cursor:pointer;color:#0e2624;font-weight:700;padding:14px 18px;background:linear-gradient(#b5ffe6,#67cca9);border:1px solid #caffef;border-radius:12px;box-shadow:inset 0 2px #ffffff8c,0 6px 0 #327760,0 10px 20px #0004}.demo button:active{transform:translateY(3px);box-shadow:0 3px 0 #327760}.demo p{font-size:11px;color:#7d9998}footer{margin-top:26px;color:#668689;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:15px}footer button{padding:8px 12px;font-size:11px}.no-motion .aurora,.no-motion .meteor{animation:none!important}.no-motion *{scroll-behavior:auto!important}@keyframes float{to{transform:translate(10%,25%) rotate(15deg)}}@keyframes shoot{3%{opacity:1}8%{left:90%;top:36%;opacity:0}100%{opacity:0}}@media(max-width:1050px){.content{grid-template-columns:1fr}.sidebar{width:210px}.shell{grid-template-columns:210px 1fr}}@media(max-width:700px){.shell{display:block}.sidebar{padding:15px}.brand{font-size:13px}.brandicon{font-size:25px}.side-label,.side-bottom{display:none}nav{display:flex;overflow-x:auto;margin-top:15px}nav a{white-space:nowrap;padding:12px}main{padding:25px 16px}.stats{grid-template-columns:1fr}.livepill{display:none}}

input,select {width:100%;background:#0b2332;color:#e8fff4;border:1px solid #54817c;border-radius:10px;padding:11px;margin:5px 0 12px} form button,#tokenBtn,#logout {background:linear-gradient(130deg,#1b5b58,#6ea6a1);border:1px solid #b2f8d6;color:white;border-radius:12px;padding:12px 18px;cursor:pointer;box-shadow:0 5px 18px #0008} label{display:block} #workspace[hidden],#auth[hidden],[hidden]{display:none!important} #markers{position:absolute;inset:0;pointer-events:none} #message,#authError{color:#f9d5ad} .panel p{padding:4px 0} .map-surface{position:relative}
/* === ROAD AURORA COSMIC THEME START === */
/* ROAD AURORA — COSMIC DESIGN (local in-place theme) */
:root{color-scheme:dark;--aurora-ice:#96faff;--aurora-mint:#9effc9;--aurora-violet:#bd9aff;--aurora-pink:#f3a8f6;--aurora-line:rgba(167,214,255,.23);--aurora-panel:rgba(12,17,41,.78);font-family:Inter,'Segoe UI',system-ui,sans-serif;color:#f3f7ff;background:#050719}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 65% 40% at 68% 0%,rgba(97,48,173,.32),transparent 75%),radial-gradient(ellipse 60% 45% at 3% 40%,rgba(21,137,156,.19),transparent 80%),linear-gradient(148deg,#040619 0%,#0e1232 48%,#08071e 100%);color:#eff5ff}
body:before{content:"";position:fixed;pointer-events:none;inset:0;z-index:0;background:radial-gradient(ellipse 55% 20% at 52% 10%,rgba(77,239,203,.15),transparent 85%),radial-gradient(ellipse 45% 15% at 80% 20%,rgba(149,97,251,.22),transparent 85%);filter:blur(24px);animation:cosmicBreathe 14s ease-in-out infinite alternate}
.stars{opacity:.85;background-image:radial-gradient(circle,#fff 1px,transparent 1.8px),radial-gradient(circle,#acdbff 1px,transparent 1.6px),radial-gradient(circle,#c6adff .8px,transparent 1.8px);background-size:113px 127px,193px 161px,71px 103px;background-position:12px 20px,54px 73px,31px 11px;animation:starDrift 100s linear infinite}
.aurora{z-index:0;mix-blend-mode:screen;filter:blur(66px);opacity:.43;animation:cosmicFloat 17s ease-in-out infinite alternate}.aurora-a{top:-16%;right:-14%;width:80vw;height:34vw;background:linear-gradient(112deg,#1ae9b5 3%,#36badf 39%,#ad6bff 78%);transform:rotate(-21deg)}.aurora-b{left:-19%;top:16%;width:70vw;height:35vw;background:linear-gradient(120deg,#5838cb,#bf66d9,#32d6d2);opacity:.3;animation-delay:-7s}
.shell{position:relative;z-index:1;grid-template-columns:270px minmax(0,1fr)}.sidebar{background:linear-gradient(165deg,rgba(13,15,41,.95),rgba(9,15,36,.82));border-right:1px solid rgba(131,190,255,.25);box-shadow:9px 0 38px rgba(1,2,15,.25);padding:34px 19px}.brand{font-size:19px;line-height:1.4;font-weight:800;letter-spacing:2.4px;text-shadow:0 0 21px rgba(82,234,231,.36)}.brand strong{background:linear-gradient(100deg,#79fff0,#bd9aff,#f6b1f8);-webkit-background-clip:text;background-clip:text;color:transparent}.side-label{color:#94a3dc}.sidebar nav{gap:10px}.sidebar nav a{display:flex;align-items:center;min-height:52px;color:#c8d6f7;padding:15px 16px;border:1px solid transparent;border-radius:14px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.sidebar nav a:hover,.sidebar nav a:focus-visible{transform:translateX(4px);color:white;border-color:rgba(111,249,246,.52);background:linear-gradient(90deg,rgba(70,170,200,.24),rgba(124,84,226,.19));box-shadow:0 0 22px rgba(96,189,255,.2),inset 0 1px rgba(255,255,255,.17)}.side-bottom{color:#a4a9da}
main{padding:40px clamp(20px,3.5vw,64px)}header{padding:8px 0 24px;border-bottom:1px solid rgba(143,177,250,.14)}h1{font-size:clamp(30px,4vw,52px);font-weight:800;letter-spacing:-1.7px;text-shadow:0 0 35px rgba(135,92,243,.25)}h1 span,.eyebrow{color:#82f9ed}.sub{color:#adbee3;font-size:14px}h2,h3{color:#f2f4ff} .eyebrow{letter-spacing:2.6px}
.panel,.tile{background:linear-gradient(147deg,rgba(25,28,72,.83),rgba(8,14,37,.88) 65%,rgba(17,44,59,.77));border:1px solid var(--aurora-line);border-radius:22px;box-shadow:0 18px 45px rgba(0,0,20,.4),0 0 30px rgba(69,144,231,.07),inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(22px)}.panel{padding:25px}.tile{padding:26px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.tile:before{content:"";position:absolute;height:3px;left:22px;right:22px;top:0;background:linear-gradient(90deg,transparent,#82f6f5,#bf9bff,transparent);opacity:.85}.tile:hover{transform:translateY(-3px);box-shadow:0 22px 50px #0009,0 0 28px #6a88ef30}.tile span{color:#c0cef2;font-size:11px}.tile strong{color:#f7faff;font-size:clamp(35px,4vw,52px);text-shadow:0 0 22px #7d8bff75}.stats{gap:18px;margin:30px 0 23px}.content{gap:20px}.tiny{color:#8bffdc}
.map-surface{min-height:400px;background:radial-gradient(ellipse at 48% 60%,#223a71 0%,#131b43 45%,#080e2d 100%);border:1px solid rgba(121,217,253,.35);box-shadow:inset 0 0 70px #080a2b}.gridlines{opacity:.8;background-image:linear-gradient(#b5dcff18 1px,transparent 1px),linear-gradient(90deg,#b5dcff18 1px,transparent 1px);background-size:31px 31px}.planet{color:#afffff;text-shadow:0 0 30px #6ceefc,0 0 70px #9f8aff;font-size:72px}.map-center h3{color:white}.map-center p{color:#c3c8e9}.map-center .caution{color:#ffe0aa}.map-label{color:#a8c2fd}.gps-marker{box-shadow:0 0 18px rgba(115,249,239,.5)!important;background:linear-gradient(120deg,#133868,#183b4e)!important}
label{color:#cad4f5;font-size:13px;font-weight:600}input,select,textarea{display:block;width:100%;border:1px solid rgba(137,182,242,.37);border-radius:13px;background:rgba(6,10,31,.73);color:#fff;padding:13px 14px;margin:8px 0 15px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#82ecf4;box-shadow:0 0 0 3px rgba(100,236,255,.12),0 0 20px rgba(100,236,255,.13)}input::placeholder{color:#9eaccd}form{min-width:0}form button,#tokenBtn,#logout,.auth-methods a,.auth-methods button,footer button{appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;min-height:46px;padding:13px 18px;border-radius:13px;border:1px solid rgba(161,238,255,.8);background:linear-gradient(120deg,#35a9d1,#5d58bb 57%,#9d55b4);color:#fff!important;text-decoration:none;font:700 13px/1.3 Inter,'Segoe UI',sans-serif;letter-spacing:.25px;text-shadow:0 1px 5px #1b184e;box-shadow:inset 0 1px 0 #ffffff7a,inset 0 -2px 2px #0a0c375c,0 5px 0 #17264c,0 12px 24px #03081f9c,0 0 18px #759aff35;transition:transform .18s,box-shadow .18s,filter .18s}form button:hover,#tokenBtn:hover,#logout:hover,.auth-methods a:hover,.auth-methods button:hover,footer button:hover{transform:translateY(-3px);filter:brightness(1.16);box-shadow:inset 0 1px #fff9,0 8px 0 #17264c,0 16px 32px #000a,0 0 29px #6eeefb73}form button:active,#tokenBtn:active,#logout:active,.auth-methods a:active,.auth-methods button:active,footer button:active{transform:translateY(3px);box-shadow:inset 0 1px #fffa,0 2px 0 #17264c,0 5px 13px #0008}button:focus-visible,a:focus-visible{outline:3px solid #a7faff;outline-offset:3px}
#auth{margin:35px auto 0;max-width:560px!important;padding:clamp(24px,4vw,40px)!important;border:1px solid rgba(176,188,255,.38);box-shadow:0 20px 80px #000b,0 0 65px #785be737}#auth h2{text-align:center;font-size:clamp(24px,3vw,32px);margin-top:5px}#authForm button{width:100%;font-size:15px}#auth .auth-methods{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0 16px}.auth-methods a,.auth-methods button{min-height:57px;text-align:center;white-space:normal}.auth-methods a[href*='steam']:before,#linkSteam:before{content:'🎮';font-size:22px}.auth-methods a[href*='tiktok']:before,#linkTikTok:before{content:'🎵';font-size:22px}#phoneLogin{padding-top:12px;border-top:1px solid #ffffff26}#phoneLogin button:before{content:'📱';font-size:18px}#emailStart button:before{content:'📧';font-size:18px}#workspace>section:first-child{border-color:#a5d8ff49}.auth-methods{display:flex;flex-wrap:wrap;gap:14px;margin-top:15px}.auth-methods button{flex:1 1 180px}#connectionsStatus{line-height:1.8;color:#b7c9ec;overflow-wrap:anywhere}.drivers-list p,#companiesList p,#tripsList p{padding:13px 15px;border:1px solid #a8b5ee25;border-radius:12px;background:#090f2b79;color:#dce5ff;margin:8px 0}.panel h3{padding-top:10px}.panel p{color:#bfcbed}#message,#authError{color:#ffe1b3;overflow-wrap:anywhere}footer{color:#b3bce5}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important}
@keyframes starDrift{to{background-position:112px -107px,247px -88px,102px -92px}}@keyframes cosmicBreathe{to{opacity:.5;transform:translateY(4%) scale(1.08)}}@keyframes cosmicFloat{to{transform:translate(11%,14%) rotate(9deg)}}
@media(max-width:1100px){.shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:26px 12px}.content{grid-template-columns:1fr}}@media(max-width:730px){.shell{display:block}.sidebar{padding:18px 13px}.sidebar nav{display:flex;overflow-x:auto;gap:7px}.sidebar nav a{white-space:nowrap;min-height:44px;padding:11px 13px}.side-label,.side-bottom{display:none}main{padding:22px 13px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{padding:18px}.panel{padding:17px}.map-surface{min-height:320px}#auth .auth-methods{grid-template-columns:1fr 1fr;gap:10px}.auth-methods a{font-size:12px;padding:12px 7px}}@media(max-width:430px){.stats{grid-template-columns:1fr}#auth .auth-methods{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* === ROAD AURORA COSMIC THEME END === */