:root{--bg:#061323;--bg2:#0a1e37;--panel:#0b223b;--panel2:#0e2c4b;--line:#1b476c;--text:#f6fbff;--muted:#9eb3c7;--blue:#1ca3ff;--cyan:#20e5d6;--pink:#ff39b9;--purple:#8c58ff;--green:#36df91;--orange:#ff9d2d;--red:#ff5364;--shadow:0 22px 70px rgba(0,0,0,.35);--r:24px}*{box-sizing:border-box}html{background:#061323;color-scheme:dark}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0,#163f74 0,transparent 34%),radial-gradient(circle at 80% 20%,#3f145a 0,transparent 28%),linear-gradient(160deg,#061323,#08192c 58%,#091525);color:var(--text);min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.app{max-width:1500px;margin:auto;min-height:100vh;padding-bottom:95px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:30;background:rgba(5,18,33,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(102,196,255,.15)}button,input,select,textarea{font:inherit}.brand{display:flex;align-items:center;gap:12px;color:#fff;border:0;background:none;padding:0;cursor:pointer;text-align:left}.brand-train{display:grid;place-items:center;width:44px;height:30px;border-radius:100% 35% 35% 100%;background:linear-gradient(135deg,#55e5ff,#126dff 70%,#fc3ac0);box-shadow:0 0 26px #1faeff88;font-size:19px}.brand b{font-size:23px;letter-spacing:-.5px}.brand small{display:block;color:#a9bfd3;font-size:11px;margin-top:1px}.top-actions{display:flex;align-items:center;gap:10px}.independent{font-size:11px;color:#92abc0;border:1px solid #234c6b;background:#0b2136;border-radius:999px;padding:8px 10px}.round{position:relative;border:1px solid #274d6a;background:#0e2740;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer}.round i{position:absolute;right:-2px;top:-5px;min-width:17px;height:17px;border-radius:999px;background:var(--red);font-style:normal;font-size:10px;display:grid;place-items:center}.avatar{background:linear-gradient(135deg,#2267ef,#9a3aff)}main{padding:22px 30px}.screen{display:none;animation:fade .28s ease}.screen.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.home-hero,.live-banner{position:relative;overflow:hidden;border:1px solid #245a82;border-radius:30px;min-height:255px;padding:38px;background:linear-gradient(105deg,rgba(9,35,66,.97),rgba(15,68,107,.82) 52%,rgba(48,26,84,.86));box-shadow:var(--shadow)}.home-hero:before,.live-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 20%,rgba(63,228,255,.25),transparent 27%),linear-gradient(transparent 60%,rgba(0,0,0,.25))}.hero-copy{position:relative;z-index:2;max-width:650px}.hero-copy h1{font-size:clamp(42px,6vw,75px);line-height:.94;margin:18px 0;letter-spacing:-3px}.hero-copy h1 span{color:#aeeeff}.hero-copy p{max-width:620px;color:#cce1f4;font-size:18px;line-height:1.5}.pill,.chip,.safe{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;letter-spacing:.2px}.pill.live{color:#99fff4;border:1px solid #20e5d6;background:#0d555688;box-shadow:0 0 22px #20e5d633}.hero-visual{position:absolute;right:0;top:0;width:58%;height:100%}.cityline{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.3),transparent),repeating-linear-gradient(90deg,transparent 0 35px,rgba(112,199,255,.07) 36px 38px);clip-path:polygon(0 100%,8% 58%,13% 63%,20% 35%,25% 56%,30% 27%,39% 54%,48% 40%,56% 62%,63% 23%,69% 55%,77% 35%,83% 60%,91% 30%,100% 58%,100% 100%)}.hero-route{position:absolute;left:6%;right:7%;top:68%;height:3px;background:linear-gradient(90deg,var(--cyan),#1a9cff,#8b50ff);box-shadow:0 0 17px #2ddcff}.hero-train{position:absolute;left:23%;top:48%;font-size:67px;filter:drop-shadow(0 10px 20px #000);animation:floatTrain 4s ease-in-out infinite}.hero-train:after{content:"";position:absolute;width:125px;height:9px;left:-120px;top:47%;background:linear-gradient(90deg,transparent,#72f6ff);filter:blur(2px)}@keyframes floatTrain{50%{transform:translateX(40px)}}.hero-stations{position:absolute;left:5%;right:5%;top:73%;display:flex;justify-content:space-between;color:#dcecff;font-size:12px}.entry-grid{display:grid;grid-template-columns:1.65fr .8fr;gap:22px;margin-top:22px}.panel{background:linear-gradient(165deg,rgba(12,35,59,.96),rgba(7,25,44,.96));border:1px solid #244663;border-radius:var(--r);box-shadow:0 14px 45px rgba(0,0,0,.2);padding:24px}.heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.kicker{font-size:10px;font-weight:900;letter-spacing:1.3px}.kicker.blue{color:#6abaff}.kicker.cyan{color:#51eee4}.kicker.pink{color:#ff6fd2}.kicker.purple{color:#b69cff}.kicker.red{color:#ff7e89}.panel h2{font-size:25px;margin:6px 0 12px;letter-spacing:-.5px}.muted{color:var(--muted)}.safe{background:#0c3249;border:1px solid #295a77;color:#bfe6ff}.fields{display:grid;gap:14px;margin:18px 0}.fields.two{grid-template-columns:1fr 1fr}label{display:grid;gap:7px;color:#b7cadd;font-size:12px;font-weight:700}input,select,textarea{width:100%;background:#07182b;border:1px solid #2c5270;color:#fff;padding:13px 14px;border-radius:13px;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#24b8ff;box-shadow:0 0 0 3px #24b8ff22}.qr-add{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;border:1px solid #285475;background:#0a263d;border-radius:18px;padding:14px;margin:15px 0}.qr-add.locked{opacity:.62}.qr-icon{font-size:35px;color:#78d8ff}.qr-copy small{display:block;color:#91a9bf;margin-top:3px}.qr-thumb{grid-column:1/-1;border-top:1px solid #21415a;padding-top:12px;display:flex;align-items:center;gap:10px}.qr-thumb img{width:70px;height:70px;object-fit:cover;border-radius:12px;background:#fff}.btn{border:0;border-radius:13px;padding:13px 16px;color:white;cursor:pointer;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}.btn.wide{width:100%}.btn.primary{background:linear-gradient(135deg,#1687ff,#3359ed);box-shadow:0 10px 28px #1687ff33}.btn.secondary{background:#103a5b;border:1px solid #32678a}.btn.pro{background:linear-gradient(135deg,#7438ff,#f635b2);box-shadow:0 10px 28px #ce39e633}.btn.ghost{background:transparent;border:1px solid #2c5570}.btn.disabled{opacity:.5;pointer-events:none}.pro-entry{border-color:#683575;background:linear-gradient(160deg,#191936,#3c1345 110%)}.pro-entry p{color:#c4b9d0}.pro-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0}.pro-mini-grid span{background:#32143b;border:1px solid #62356e;padding:12px;border-radius:13px;font-size:12px}.pro-entry>small{display:block;text-align:center;color:#ae93b9;margin-top:10px}.micro{font-size:10px;color:#6f8aa3;line-height:1.5}.live-banner{padding:25px 30px;min-height:250px}.live-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start}.live-head h2{margin:9px 0;font-size:25px}.trip-status{display:flex;gap:8px}.chip{border:1px solid}.chip.green{background:#0d4a3a;border-color:#1a8262;color:#7df1bb}.chip.orange{background:#4c3212;border-color:#8a5b1b;color:#ffbc63}.chip.red{background:#4e1820;border-color:#9c3240;color:#ff8f99}.route-live{position:relative;height:160px;margin-top:15px}.rail{position:absolute;left:5%;right:6%;top:61px;height:4px;border-radius:10px;background:#3a5268}.rail-progress{height:100%;width:19%;background:linear-gradient(90deg,#25f0d8,#26aaff);box-shadow:0 0 18px #30ddff;transition:width 2s ease}.train-runner{position:absolute;top:15px;left:19%;font-size:55px;filter:drop-shadow(0 9px 13px #000);transition:left 2s ease;z-index:4}.speed-bubble{position:absolute;top:-1px;left:40px;background:#f7fbff;color:#0b426c;padding:5px 8px;border-radius:9px;font-size:10px;white-space:nowrap}.route-stop{position:absolute;top:53px;text-align:center;transform:translateX(-50%);min-width:80px;color:#b8cce0}.route-stop i{display:block;width:18px;height:18px;margin:auto;border-radius:50%;background:#173751;border:4px solid #d0e8f7;box-shadow:0 0 0 3px #173c5e}.route-stop.done i{background:#0bcda8;border-color:#88fff2;box-shadow:0 0 18px #22f0d6}.route-stop b{display:block;margin-top:12px;color:#fff}.route-stop small{font-size:11px}.dashboard,.pro-dashboard{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:18px}.next-station{grid-column:span 4}.connections{grid-column:span 4}.onboard{grid-column:span 4}.report{grid-column:span 4}.itinerary{grid-column:span 5}.transfer{grid-column:span 3}.disruption{grid-column:span 12}.accent-blue{border-color:#256fa2}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.stats>div,.metrics>div{background:#071a2c;border:1px solid #20415b;border-radius:14px;padding:13px}.stats small,.stats b{display:block}.stats b{font-size:23px;margin-top:6px}.orange-text{color:#ff9945!important}.green-text{color:#55eba1!important}.red-text{color:#ff6a78!important}.side-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;background:linear-gradient(135deg,#0b395d,#0b2743);border:1px solid #1f7cb0;border-radius:17px;padding:14px;margin-bottom:15px}.side-card>span{font-size:30px}.side-card small,.side-card b{display:block}.side-card strong{font-size:42px}.connection-list{display:grid;gap:7px}.connection{display:grid;grid-template-columns:55px 43px 1fr auto;align-items:center;gap:8px;padding:9px 7px;border-bottom:1px solid #173953}.connection:last-child{border-bottom:0}.connection time{font-weight:900}.connection div small{display:block;color:#91a7bc;margin-top:3px}.train-tag{font-size:10px;font-weight:900;text-align:center;padding:5px 5px;border-radius:7px}.train-tag.tgv{background:#ea3b57}.train-tag.ter{background:#278df5}.text-btn{margin-top:12px;background:none;border:0;color:#70c9ff;padding:0;cursor:pointer}.promo{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#542917,#9f4215);border:1px solid #c36327;border-radius:16px;padding:14px;margin-bottom:10px}.promo span{font-size:9px;color:#ffd1a7;font-weight:900}.promo h3{margin:5px 0}.promo b{font-size:24px}.promo-emoji{font-size:38px}.message-feed{display:grid;gap:8px}.feed-msg{display:flex;gap:10px;background:#0a1d31;border:1px solid #234660;padding:11px;border-radius:13px}.feed-msg.warn{border-color:#77501a;background:#332612}.feed-msg.alert{border-color:#78303a;background:#32171d}.feed-msg small{display:block;color:#9aafc3;margin-top:3px}.report-context{display:flex;justify-content:space-between;align-items:center;background:#071a2d;border:1px solid #20435e;border-radius:14px;padding:10px 12px;margin:15px 0}.report-context label{display:flex;align-items:center;gap:8px}.report-context select{padding:7px 9px;width:auto}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.report-grid button{display:grid;gap:7px;place-items:center;background:#0c2b45;border:1px solid #2b5878;color:#fff;border-radius:13px;padding:12px;cursor:pointer}.report-grid button:hover{border-color:#2dd5ff;background:#103b5d}.success{margin-top:12px;background:#0a4435;border:1px solid #237c61;color:#83efbd;border-radius:13px;padding:12px}.timeline{display:grid;gap:0}.step{position:relative;display:grid;grid-template-columns:18px 1fr auto;gap:12px;padding:10px 0}.step:after{content:"";position:absolute;left:7px;top:28px;bottom:-9px;width:2px;background:#234a64}.step:last-child:after{display:none}.step i{width:16px;height:16px;border-radius:50%;background:#17364c;border:3px solid #58778d}.step.done i{background:#25d49f;border-color:#8bffdc}.step.warn i{background:#ff9e2c;border-color:#ffd191}.step.current i{background:#28a7ff;border-color:#a9e0ff}.step small{display:block;color:#91a7bb;margin-top:3px}.step>span{font-size:10px;color:#9cb1c4}.transfer-summary{display:flex;justify-content:space-between;align-items:center;background:#0a243c;border-radius:13px;padding:12px;margin:12px 0;color:#cce8ff}.transfer-steps{display:grid;gap:8px}.transfer-steps>div{display:grid;grid-template-columns:34px 48px 1fr;align-items:center;gap:8px}.transfer-steps small{color:#96adc1}.metro{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:white;font-weight:900}.m4{background:#b51a7c}.m14{background:#673a98}.solution{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#122740;border:1px solid #345774;border-radius:14px;padding:12px;margin-top:15px}.solution>span:first-child{font-size:28px}.solution small{display:block;color:#9cb2c4}.care{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.care span{background:#0a2138;border:1px solid #264761;border-radius:12px;padding:9px}.back{border:0;background:none;color:#80d3ff;font-weight:800;padding:8px 0 16px;cursor:pointer}.station-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;background:linear-gradient(120deg,#0b2a4d,#0f4d6f)}.station-head h1{font-size:55px;margin:5px 0}.station-side{text-align:right}.station-side small,.station-side b,.station-side strong{display:block}.station-side b{font-size:64px;line-height:1}.station-side strong{font-size:20px;color:#9ef5ed;margin-top:5px}.connection-list.large .connection{padding:14px}.ticket{max-width:800px;margin:40px auto}.ticket-grid{display:grid;grid-template-columns:1fr 300px;gap:20px}.ticket-data{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;background:#07192b;border:1px solid #254762;border-radius:17px;padding:18px}.ticket-data small{color:#8fa7bc}.ticket-qr{display:grid;place-items:center;min-height:300px;border-radius:18px;background:#f3f6f8;color:#163249;padding:16px}.ticket-qr img{max-width:100%;max-height:270px;border-radius:10px}.ticket-qr>div{display:grid;place-items:center;gap:10px;font-size:60px}.ticket-qr>div span{font-size:13px}.pro-login{max-width:570px;margin:70px auto;background:linear-gradient(150deg,#1a1732,#351441);border-color:#67376f}.pro-login h1{font-size:40px}.pro-head{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 3px 14px}.pro-head h1{font-size:34px;margin:5px 0}.pro-overview{grid-column:span 4}.pro-reports{grid-column:span 8}.train-state{grid-column:span 7}.publish{grid-column:span 5}.bar-manager{grid-column:span 5}.pro-connections{grid-column:span 7}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics small,.metrics b{display:block}.metrics b{font-size:24px;margin-top:5px}.pro-report-list{display:grid;gap:8px}.pro-report{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#111e30;border:1px solid #394353;padding:11px;border-radius:14px}.pro-report .r-icon{font-size:25px}.pro-report small{display:block;color:#9fb0c0;margin-top:3px}.pro-report-actions{display:flex;gap:6px}.pro-report-actions button{border:1px solid #3d596b;background:#12293b;color:#fff;border-radius:9px;padding:8px;cursor:pointer;font-size:11px}.pro-report-actions .resolve{border-color:#287653;color:#8ae8bb}.coach-map{display:flex;gap:6px;align-items:center;margin:18px 0;overflow:auto;padding-bottom:4px}.coach{min-width:85px;height:65px;border-radius:15px;border:2px solid;background:#0a2136;color:#fff;cursor:pointer}.coach small{display:block;margin-top:6px}.coach.ok{border-color:#25c886}.coach.issue{border-color:#ff654f;background:#371b1d}.coach.bar{border-color:#bf55ff;background:#271a3a}.equipment{display:grid;grid-template-columns:1fr 1fr;gap:8px}.equipment span{background:#0a1f33;border-radius:11px;padding:10px}.publish textarea{resize:vertical}.bottom{position:fixed;left:50%;bottom:15px;transform:translateX(-50%);display:flex;z-index:50;background:rgba(7,24,42,.92);backdrop-filter:blur(15px);border:1px solid #28506e;border-radius:19px;padding:6px;box-shadow:0 14px 50px #0008}.bottom button{border:0;background:none;color:#9db0c2;border-radius:13px;padding:8px 18px;cursor:pointer;display:grid;place-items:center;gap:2px}.bottom button.active{background:#123c5d;color:#fff}.bottom span{font-size:9px}.toast{position:fixed;right:24px;bottom:28px;z-index:80;background:#f5fbff;color:#10273a;padding:13px 18px;border-radius:13px;box-shadow:0 15px 50px #0007;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s;max-width:390px;font-weight:700}.toast.show{opacity:1;transform:none}.hidden{display:none!important}@media(max-width:1000px){.entry-grid{grid-template-columns:1fr}.hero-visual{width:48%;opacity:.48}.dashboard,.pro-dashboard{grid-template-columns:1fr 1fr}.next-station,.connections,.onboard,.report,.itinerary,.transfer,.disruption,.pro-overview,.pro-reports,.train-state,.publish,.bar-manager,.pro-connections{grid-column:span 1}.itinerary,.disruption,.pro-reports{grid-column:span 2}.qr-add{grid-template-columns:auto 1fr auto}.qr-add .ghost{grid-column:3}.qr-thumb{grid-column:1/-1}}@media(max-width:720px){.app{padding-bottom:85px}.topbar{height:66px;padding:0 14px}.brand b{font-size:19px}.brand small,.independent{display:none}.top-actions{gap:6px}main{padding:12px}.home-hero,.live-banner{border-radius:21px;padding:23px 18px;min-height:250px}.home-hero{padding-bottom:150px}.hero-copy h1{font-size:44px;letter-spacing:-2px}.hero-copy p{font-size:14px}.hero-visual{left:0;right:0;bottom:0;top:auto;width:100%;height:150px;opacity:.85}.hero-train{font-size:45px;top:30%}.entry-grid{gap:12px;margin-top:12px}.panel{border-radius:19px;padding:16px}.fields.two{grid-template-columns:1fr}.qr-add{grid-template-columns:auto 1fr}.qr-add .btn{grid-column:1/-1}.qr-thumb{grid-column:1/-1}.heading-row{display:grid}.dashboard,.pro-dashboard{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}.next-station,.connections,.onboard,.report,.itinerary,.transfer,.disruption,.pro-overview,.pro-reports,.train-state,.publish,.bar-manager,.pro-connections{grid-column:span 1}.live-head{display:grid;gap:6px}.route-live{height:155px;overflow:hidden}.route-stop{min-width:58px}.route-stop b{font-size:10px}.route-stop small{font-size:9px}.train-runner{font-size:40px;top:25px}.speed-bubble{font-size:8px;left:28px}.stats b{font-size:20px}.report-grid{grid-template-columns:1fr 1fr}.report-context{display:grid;gap:9px}.report-context label{justify-content:space-between}.connection{grid-template-columns:50px 38px 1fr}.connection>.chip{display:none}.station-head{display:grid;gap:16px}.station-head h1{font-size:42px}.station-side{text-align:left}.station-side b{font-size:48px}.ticket-grid{grid-template-columns:1fr}.ticket-qr{min-height:250px}.pro-head{display:grid;gap:5px}.pro-head h1{font-size:27px}.equipment{grid-template-columns:1fr}.pro-report{grid-template-columns:auto 1fr}.pro-report-actions{grid-column:1/-1}.bottom{left:9px;right:9px;transform:none;bottom:8px;justify-content:space-around}.bottom button{padding:7px 10px}.toast{left:14px;right:14px;bottom:87px;max-width:none}.side-card strong{font-size:34px}}
.my-reports{margin-top:15px;padding-top:14px;border-top:1px solid #21425b}.subhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.subhead small{color:#8da8bd}.my-report-list{display:grid;gap:7px}.my-report{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#081d31;border:1px solid #22465f;border-radius:12px;padding:9px 10px}.my-report small{display:block;color:#8fa8bb;margin-top:2px}.chip.blue{background:#143f65;color:#8ed2ff;border-color:#2c6d9d}.mini-logout{border:1px solid #4d5f75;background:#102238;color:#dcecff;border-radius:11px;padding:8px 10px;cursor:pointer}.pro-report details{margin-top:5px}.pro-report summary{cursor:pointer;color:#7ed6ff;font-size:11px}.pro-report details small{line-height:1.55;margin-top:5px}.pro-report .ack{border-color:#2e6e98;color:#8ed2ff}.pro-report .resolve{border-color:#287653;color:#8ae8bb}@media(max-width:720px){.my-report{grid-template-columns:auto 1fr}.my-report>.chip{grid-column:2;justify-self:start}.mini-logout{width:max-content}}