:root{--bg:#020b14;--bg2:#031726;--panel:#041a2d;--panel2:#061f34;--line:#075487;--blue:#109cff;--cyan:#23c8ff;--text:#e6f5ff;--muted:#83a9c1;--green:#18d88c;--amber:#ffb11b;--red:#ff503e}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#010810;color:var(--text);font-family:Segoe UI,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.primary,.ghost,.danger{border:1px solid #1576b9;border-radius:6px;padding:12px 18px;color:#fff;font-weight:700}.primary{background:linear-gradient(180deg,#159fff,#0870df);box-shadow:0 0 20px #008cff33}.ghost{background:#051522}.danger{background:linear-gradient(180deg,#ec4249,#bf2029);border-color:#f04f55}.wide{width:100%}.link{background:none;border:0;color:#28b7ff;padding:0}.form-msg{min-height:20px;color:#7fd9ff}.form-msg.error{color:#ff7a7a}.auth-view{min-height:100vh;display:grid;grid-template-columns:1.25fr .72fr .72fr;gap:14px;padding:16px;background:radial-gradient(circle at 20% 20%,#0a3155 0,#020b14 40%,#01060c 100%)}.brand-hero,.login-card{position:relative;overflow:hidden;border:1px solid #0c5689;border-radius:10px;min-height:530px}.brand-hero{background:linear-gradient(90deg,#00101ed9 0%,#00101e8f 48%,#00101e20),url('/assets/hero-banner.png') center/cover no-repeat;padding:20px}.brand-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#020b14dd);pointer-events:none}.brand-lockup{position:relative;z-index:2;display:flex;align-items:center;gap:8px;width:max-content}.brand-lockup img{width:82px;height:82px;object-fit:contain}.brand-copy{display:grid}.brand-copy strong{font-size:22px;letter-spacing:3px}.brand-copy span{font-size:20px;letter-spacing:5px;color:#33aaff}.brand-copy em{font-family:cursive;color:#7cdcff;margin-top:4px}.hero-copy{position:relative;z-index:2;margin-top:45px;max-width:420px}.hero-copy h1{font-size:38px;line-height:1.08;margin:0 0 14px}.hero-copy h1 span{color:#37b8ff}.hero-copy p{font-size:17px}.script{position:absolute;left:355px;top:-80px;font:italic 26px cursive;color:#d9f3ff;transform:rotate(-8deg);white-space:nowrap}.hero-actions{display:flex;gap:12px;margin-top:24px}.feature-grid{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.feature-grid div{background:#031625d9;border:1px solid #0c5689;border-radius:6px;text-align:center;padding:16px 8px;font-size:22px}.feature-grid b,.feature-grid small{display:block;font-size:12px}.feature-grid small{color:var(--muted);margin-top:4px}.login-card{background:linear-gradient(#06182aee,#020a12ee);padding:72px 28px 28px;text-align:center;display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:22px;margin:8px 0}.login-card>p{color:#b4c8d7}.login-icon{font-size:46px;color:#2cb5ff}.login-card form{display:grid;gap:12px;margin-top:18px}.login-card label{display:flex;align-items:center;gap:8px;background:#041421;border:1px solid #20506e;border-radius:5px;padding:0 12px}.login-card input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:13px 4px}.login-foot{margin-top:16px}.mini-brand{margin-top:35px;color:#4ebeff;display:grid;place-items:center}.mini-brand small{color:#4ebeff;font:italic 12px cursive}.register-card{position:fixed;z-index:99;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(480px,92vw);background:#041725;border:1px solid #0c6ba9;border-radius:10px;box-shadow:0 30px 100px #000;padding:30px}.register-card:before,.modal:before{content:"";position:fixed;inset:-100vh -100vw;background:#000a;z-index:-1}.register-card form,.modal-box form{display:grid;gap:12px}.register-card label,.modal-box label,.form-pad label{display:grid;gap:6px;color:#9ed8ff}.register-card input,.modal-box input,.form-pad input{background:#020e18;border:1px solid #17608f;border-radius:5px;color:#fff;padding:12px}.close{position:absolute;top:8px;right:10px;background:transparent;border:0;color:#fff;font-size:28px}.app{min-height:100vh;display:flex;background:#020b14}.sidebar{width:210px;position:fixed;inset:0 auto 0 0;background:linear-gradient(#03182b,#01101d);border-right:1px solid #0a4d7b;display:flex;flex-direction:column;z-index:20}.side-logo{height:85px;display:flex;align-items:center;gap:10px;padding:10px 16px}.side-logo .br{font-size:32px;font-weight:900;color:#17a6ff}.side-logo>span:last-child{display:grid}.side-logo b{font-size:13px;letter-spacing:2px}.side-logo small{color:#38b6ff;font-weight:800;letter-spacing:2px}.sidebar nav{display:grid;gap:4px;padding:4px 10px}.sidebar nav button{height:44px;background:transparent;border:0;border-radius:6px;color:#d7edfb;text-align:left;padding:0 12px;font-weight:600}.sidebar nav button:hover,.sidebar nav button.on{background:#0d82e8;color:#fff}.side-motto{margin-top:auto;text-align:center;padding:24px 8px;font-size:48px}.side-motto b,.side-motto em{display:block;font-size:15px;color:#16afff;letter-spacing:2px}.side-motto em{font:italic 12px cursive;margin-top:7px}.main{margin-left:210px;width:calc(100% - 210px);min-height:100vh}.topbar{height:72px;background:#03182a;border-bottom:1px solid #0c5689;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:15}.topbar h2{color:#4ebeff;margin:0;font-size:20px}.topbar small{font-size:11px}.top-right{display:flex;align-items:center;gap:16px;color:#8fdcff}.online-dot{color:#34e4aa}.user-chip{display:grid;grid-template-columns:auto auto;background:#06233a;border:1px solid #0c5689;color:#fff;border-radius:22px;padding:5px 12px;text-align:left}.user-chip small{grid-column:2;color:#8db7ce}.logout{background:#061725;border:1px solid #164e70;color:#9ed8ff;border-radius:5px;padding:8px 10px}.page{display:none;padding:14px}.page.active{display:block}.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.panel{background:#04192b;border:1px solid #0b588e;border-radius:9px;overflow:hidden}.panel-head{min-height:43px;padding:11px 14px;border-bottom:1px solid #0b588e;font-weight:800;display:flex;align-items:center;gap:8px}.panel-head>span{color:#15df9b;font-size:12px}.panel-head button{margin-left:auto;background:transparent;border:0;color:#27b9ff}.map-panel{min-height:520px}.map{height:475px;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 45%,#063c60,#031525 58%,#020c16)}.map-large{height:calc(100vh - 160px);min-height:600px}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#0c3a5a44 1px,transparent 1px),linear-gradient(90deg,#0c3a5a44 1px,transparent 1px);background-size:70px 70px;opacity:.45}.map:before{content:"";position:absolute;left:8%;right:8%;top:10%;bottom:12%;background:#082f4d;clip-path:polygon(6% 36%,14% 22%,24% 20%,29% 8%,40% 14%,47% 8%,57% 18%,68% 17%,78% 27%,90% 30%,94% 46%,84% 52%,77% 66%,70% 74%,60% 68%,51% 83%,39% 77%,27% 81%,23% 65%,12% 58%);filter:drop-shadow(0 0 18px #0b669b);opacity:.8}.map-label.europe{position:absolute;left:35%;top:38%;font-size:68px;font-weight:900;letter-spacing:14px;color:#0a3d63;transform:rotate(-8deg)}.city{position:absolute;font-size:11px;color:#b9d8e9;text-shadow:0 1px 2px #000}.city:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffce2f;border:2px solid #fff;margin-right:4px}.c1{left:42%;top:28%}.c2{left:49%;top:39%}.c3{left:62%;top:42%}.c4{left:50%;top:55%}.c5{left:54%;top:68%}.c6{left:25%;top:58%}.route-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.legend{position:absolute;bottom:10px;left:12px;background:#03111ce8;border:1px solid #0b588e;border-radius:5px;padding:8px 10px;display:flex;gap:14px;font-size:11px}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.green{background:#17dc89}.orange{background:#ffad20}.blue{background:#1aa8ff}.gray{background:#758594}.marker{position:absolute;transform:translate(-50%,-50%);background:#04111de8;border:2px solid #1eb5ff;border-radius:7px;padding:6px 8px;box-shadow:0 0 12px #09f;color:#fff;z-index:5;min-width:110px}.marker:before{content:"🚛 ";}.marker b{font-size:12px}.marker small{display:block;color:#96d8ff;font-size:10px;margin-top:2px}.status-panel{min-height:250px}.status-meters{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:28px 8px 18px;text-align:center}.status-meters b{display:block;font-size:28px;color:#2ec8ff}.status-meters b.amber{color:var(--amber)}.status-meters b.red{color:var(--red)}.status-meters small{display:block;color:#91b4cb;margin-top:8px;font-size:10px}.status-total{border-top:1px solid #0b588e;padding:18px}.status-total small{display:block;font-weight:700}.status-total strong{font-size:27px;color:#27c8ff}.live-panel,.deliveries-panel{min-height:270px}.live-list{padding:4px 12px}.live-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;align-items:center;padding:10px;border-bottom:1px solid #093956}.live-row span:nth-child(2){color:#1edb92}.deliveries-panel .table-wrap{max-height:240px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #0b3656;font-size:12px}th{color:#a6d9f7;background:#05213a;position:sticky;top:0}.badge{display:inline-block;padding:4px 8px;border-radius:4px;background:#108f51;color:#fff;font-size:10px}.badge.pending{background:#c88611}.badge.off{background:#7e3030}.empty{padding:25px;color:#789cb5}.full{min-height:calc(100vh - 125px)}.tabs{padding:14px}.tabs button{border:1px solid #0c588d;background:#05223a;color:#a9d7f4;border-radius:5px;padding:9px 15px;margin-right:6px}.tabs button.on{background:#0a81e6;color:#fff}.driver-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:14px}.driver-card{border:1px solid #0b588e;background:#052039;border-radius:8px;padding:16px}.driver-card h3{margin:5px 0}.driver-card p{color:#8eb4ce}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.stat-card{background:#04192b;border:1px solid #0b588e;border-radius:10px;text-align:center;padding:45px 12px}.stat-card span{font-size:30px}.stat-card b{display:block;font-size:34px;color:#2ec8ff;margin:10px}.stat-card small{color:#91b4cb}.driver-grid{display:grid;grid-template-columns:320px 1fr;gap:14px}.profile-card{text-align:center;padding-bottom:30px}.profile-avatar{font-size:62px;margin-top:30px}.profile-card h2{margin:6px}.profile-card p{color:#7fb2d0}.profile-status{color:#1edb92}.my-meters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:45px 15px;text-align:center}.my-meters b{display:block;font-size:28px;color:#26c7ff}.my-meters small{color:#8baec5}.full-span{grid-column:1/-1}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.admin-users{min-height:600px}.admin-actions{display:flex;flex-wrap:wrap;gap:4px}.admin-actions button{border:1px solid #17618d;background:#072841;color:#bde6ff;border-radius:4px;padding:5px 7px;font-size:10px}.admin-actions .warn{border-color:#874b22;color:#ffbf7a}.admin-actions .bad{border-color:#7f2d36;color:#ff8f9b}.form-pad{padding:20px;display:grid;gap:12px}.form-pad p{color:#a4bfd1}.form-actions{display:flex;gap:8px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center}.modal-box{position:relative;width:min(460px,92vw);background:#041725;border:1px solid #0c6ba9;border-radius:10px;box-shadow:0 30px 100px #000;padding:30px}footer{padding:15px 24px;border-top:1px solid #0a4169;color:#6f9fbb;font-size:12px}footer span{float:right}@media(max-width:1200px){.auth-view{grid-template-columns:1fr 1fr}.brand-hero{grid-column:1/-1;min-height:520px}.dash-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}.script{display:none}}@media(max-width:800px){.auth-view{display:block;padding:8px}.brand-hero,.login-card{margin-bottom:10px}.brand-hero{min-height:570px}.feature-grid{grid-template-columns:1fr 1fr}.login-card{min-height:auto;padding:35px 20px}.sidebar{width:68px}.side-logo span:not(.br),.sidebar nav span,.side-motto{display:none}.sidebar nav button{text-align:center;font-size:18px}.main{margin-left:68px;width:calc(100% - 68px)}.top-right #clock,.top-right>span:nth-of-type(3){display:none}.user-chip small{display:none}.status-meters{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:1fr 1fr}.driver-grid,.settings-grid{grid-template-columns:1fr}.my-meters{grid-template-columns:1fr 1fr}.map-label.europe{font-size:38px}.topbar{padding:0 10px}.logout{display:none}}

/* === ETS2 + ProMods real tile map (v1.1.5) === */
.scs-map{background:#020b13!important;cursor:grab;touch-action:none;user-select:none}
.scs-map:active{cursor:grabbing}
.scs-map:before{display:none!important}
.scs-map .map-grid,.scs-map .map-label,.scs-map .city{display:none!important}
.map-stage{position:absolute;inset:0;overflow:hidden;background:#020b13}
.map-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.map-tiles{position:absolute;inset:0}
.map-tile{position:absolute;width:256px;height:256px;display:block;image-rendering:auto;user-select:none;pointer-events:none}
.map-trails{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.map-marker-layer{position:absolute;inset:0;pointer-events:none}
.scs-marker{position:absolute;z-index:8;transform-origin:center center;white-space:nowrap;pointer-events:none}
.scs-marker-card{position:absolute;left:0;top:0;transform:translate(-50%,-115%) scale(var(--marker-inv,1));transform-origin:50% 100%;background:#03111dec;border:2px solid #1eb5ff;border-radius:8px;padding:6px 9px;box-shadow:0 0 13px #009dff;color:#fff;min-width:125px}
.scs-marker-card b{font-size:12px}.scs-marker-card small{display:block;color:#9bdcff;font-size:10px;margin-top:2px}
.scs-truck-arrow{position:absolute;left:0;top:0;width:20px;height:20px;margin:-10px 0 0 -10px;transform:rotate(var(--heading,0deg)) scale(var(--marker-inv,1));transform-origin:center;border-radius:50%;background:#0a96ed;border:2px solid #fff;box-shadow:0 0 12px #00a6ff}
.scs-truck-arrow:after{content:"";position:absolute;left:5px;top:-7px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid #fff}
.map-status{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);background:#02111eea;border:1px solid #0c639b;border-radius:8px;padding:16px 20px;color:#a8dfff;text-align:center;max-width:80%;box-shadow:0 10px 40px #0008}
.map-status.hidden{display:none!important}
.map-controls{position:absolute;z-index:12;top:10px;left:10px;display:flex;align-items:center;gap:8px;background:#02111eea;border:1px solid #0c5788;border-radius:6px;padding:5px 8px;color:#85b7d4;font-size:10px}
.map-controls button{width:30px;height:30px;border-radius:5px;border:1px solid #1689c9;background:#052840;color:#fff;font-weight:800}
.scs-map .legend{z-index:12}