@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";html{background:#f7f5ef}body{margin:0}#root{min-height:100vh}:root{color:#102033;font-synthesis:none;--navy:#06295f;--orange:#f06423;--ivory:#f7f5ef;--green:#16866b;--red:#c5443d;background:#f7f5ef;font-family:Poppins,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}input[type=radio],input[type=checkbox]{width:16px;height:16px;accent-color:var(--navy);flex-shrink:0;margin:0}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand img{border-radius:12px;width:44px;height:44px}.brand strong{font-size:20px;display:block}.brand span{color:#b9cae2;font-size:10px}.sidebar nav{gap:5px;display:grid}.nav-item{color:#b9cae2;cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:12px 13px;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#163c70}.nav-item.active:after{content:"";background:var(--orange);border-radius:3px;width:4px;height:20px;margin-left:auto}.side-bottom{margin-top:auto}.operator{border-top:1px solid #244779;align-items:center;gap:10px;margin-top:10px;padding:18px 8px 0;display:flex}.operator>span{background:var(--orange);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.operator strong,.operator small{font-size:12px;display:block}.operator small{color:#9fb4d0}.topbar{background:#fff;border-bottom:1px solid #e5e3dd;align-items:center;gap:20px;height:72px;padding:0 32px;display:flex}.search{background:#f3f2ed;border-radius:12px;align-items:center;gap:10px;width:min(430px,40vw);padding:0 13px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;height:42px}.icon-button,.menu-button{cursor:pointer;color:var(--navy);background:0 0;border:0;position:relative}.icon-button{margin-left:auto}.icon-button i{background:var(--orange);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:0;right:1px}.today{align-items:center;gap:8px;font-size:13px;display:flex}.menu-button{display:none}.content{padding:38px clamp(22px,4vw,60px) 50px}.page-title{justify-content:space-between;align-items:end;gap:30px;display:flex}.page-title p{color:var(--orange);margin:0 0 8px;font-size:12px;font-weight:800}.page-title h1{letter-spacing:-.025em;color:var(--navy);margin:0;font-size:clamp(22px,2.6vw,32px);line-height:1.1}.page-title span{color:#657180;margin-top:12px;display:block}.primary,.secondary{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-weight:700;display:flex}.primary{background:var(--orange);color:#fff;box-shadow:0 8px 20px #c7451338}.primary:hover{background:#d9531c}.secondary:hover{background:#e8e6df}.metric-strip{border-block:1px solid #dcd9d0;grid-template-columns:repeat(4,1fr);margin:32px 0;display:grid}.metric-strip>div{color:#607082;border-right:1px solid #dcd9d0;align-items:center;gap:10px;padding:18px 20px;display:flex}.metric-strip>div:first-child{padding-left:0}.metric-strip>div:last-child{border:0}.metric-strip svg{color:var(--navy)}.metric-strip strong{color:var(--navy);margin-right:4px;font-size:20px}.metric-strip .warning svg,.metric-strip .warning strong{color:var(--red)}.workspace{grid-template-columns:minmax(0,1.6fr) minmax(290px,.65fr);gap:24px;display:grid}.departures{background:#fff;border-radius:16px;padding:24px}.section-head{justify-content:space-between;align-items:start;margin-bottom:14px;display:flex}.section-head h2{color:var(--navy);margin:0;font-size:20px}.section-head p{color:#788493;margin:5px 0;font-size:13px}.section-head button{color:var(--navy);cursor:pointer;background:0 0;border:0;align-items:center;font-size:12px;font-weight:700;display:flex}.trip{cursor:pointer;border-top:1px solid #eceae4;border-radius:10px;grid-template-columns:20px 55px minmax(170px,1fr) auto 70px 28px;align-items:center;gap:10px;min-height:76px;display:grid}.trip:hover{background:#faf9f5}.trip.selected{background:#fdf1ea}.timeline{place-items:center;height:76px;display:grid;position:relative}.timeline .dot{background:var(--green);z-index:1;border:3px solid #cce7de;border-radius:50%;width:11px;height:11px}.timeline .dot.alert{background:var(--red);border-color:#f2cecb}.timeline i{background:#dce4e0;width:2px;position:absolute;top:43px;bottom:-33px}.trip time{color:var(--navy);font-variant-numeric:tabular-nums;font-weight:800}.trip-main strong,.trip-main span{display:block}.trip-main strong{font-size:14px}.trip-main span{color:#7b8794;margin-top:4px;font-size:11px}.status{color:#11725a;background:#e8f4f0;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:800}.status.retardée{color:var(--red);background:#fae8e6}.status.planifiée{color:#586574;background:#e9edf2}.status.embarquement{color:#b64b1c;background:#fff0e8}.passengers{color:#647180;align-items:center;gap:5px;font-size:11px;display:flex}.trip-action{color:var(--navy);cursor:pointer;background:0 0;border:0}.focus-panel{background:var(--navy);color:#fff;border-radius:16px;padding:24px;position:relative;overflow:hidden}.focus-panel:after{content:"";border:30px solid #ffffff0a;border-radius:50%;width:140px;height:140px;position:absolute;top:-50px;right:-70px}.focus-head{justify-content:space-between;align-items:center;display:flex}.focus-head span{color:#90add1;font-size:10px;font-weight:800}.focus-head strong{color:var(--orange);font-size:20px}.route-visual{grid-template-columns:22px 1fr;gap:12px;max-height:380px;margin:28px 0;padding-right:6px;display:grid;overflow-y:auto}.route-line{justify-items:center;display:grid;position:relative}.route-line:before{content:"";background:#365584;width:3px;position:absolute;top:8px;bottom:8px}.route-line i{background:var(--navy);z-index:1;border:3px solid #6d86a8;border-radius:50%;width:12px;height:12px}.route-line i:first-child{background:var(--orange);border-color:#ffb18a}.route-line i.next{background:#fff;border-color:#98cbbd}.stops{gap:20px;display:grid}.stops span,.stops b,.stops small{display:block}.stops b{font-size:13px}.stops small{color:#98aac2;margin-top:4px;font-size:10px}.eta{color:#adc0d9;border-block:1px solid #31517e;justify-content:space-between;margin-bottom:16px;padding:16px 0;font-size:12px;display:flex}.eta strong{color:#fff;font-size:19px}.secondary{width:100%;color:var(--navy);background:#f3f2ed}@media (width<=1000px){.metric-strip{grid-template-columns:1fr 1fr}.metric-strip>div{border-bottom:1px solid #dcd9d0}.workspace{grid-template-columns:1fr}.focus-panel{min-height:420px}}@media (width<=720px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:10;width:260px;transition:transform .25s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:none}.menu-button{display:block}.topbar{padding:0 16px}.today{display:none}.search{flex:1;width:auto}.content{padding:25px 16px}.page-title{flex-direction:column;align-items:start}.metric-strip{grid-template-columns:1fr}.metric-strip>div{border-right:0;padding-left:0}.departures{padding:18px}.trip{grid-template-columns:18px 48px 1fr 25px}.status,.passengers{display:none}}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f7a47e}.menu-backdrop{display:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.full-state{min-height:100vh;color:var(--navy);place-content:center;justify-items:center;gap:14px;display:grid}.full-state p{color:#657180;margin:0}.error-state svg{color:var(--red)}.empty-state{color:#74808d;text-align:center;place-content:center;justify-items:center;gap:8px;min-height:230px;display:grid}.empty-state strong{color:var(--navy)}.focus-panel h2{max-width:18ch;margin:28px 0 4px;font-size:21px}.focus-status{color:#a8bbd4;margin:0;font-size:12px}.panel-error{color:#ffd3ce;font-size:12px}.empty-dark{color:#bdcce0;place-items:center;min-height:280px;display:grid}.incident-rail{color:#fff;background:#982f2a;border-radius:14px;grid-template-columns:minmax(230px,.7fr) 1.3fr;gap:18px;margin:0 0 24px;padding:18px 22px;display:grid;box-shadow:0 10px 24px #6f18142e}.incident-rail>div,.incident-rail article{align-items:center;gap:12px;display:flex}.incident-rail strong,.incident-rail small,.incident-rail b{display:block}.incident-rail small{color:#f5cfcc;margin-top:3px;font-size:11px}.incident-rail article{border-inline-start:1px solid #bd5b55;justify-content:space-between;padding-inline-start:18px}.incident-rail article span{min-width:0}.incident-rail article small{text-overflow:ellipsis;white-space:nowrap;max-width:48ch;overflow:hidden}.incident-rail button{color:#7f211d;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:10px;padding:9px 12px;font-weight:800}.incident-rail button:disabled{opacity:.6}.login-page{background:var(--navy);grid-template-columns:minmax(360px,560px) 1fr;min-height:100vh;display:grid}.login-panel{background:var(--ivory);flex-direction:column;padding:clamp(28px,6vw,82px);display:flex}.login-brand{color:var(--navy);padding:0}.login-brand span{color:#657180}.login-copy{margin:6vh 0 38px}.login-copy p{color:var(--orange);font-size:11px;font-weight:800}.login-copy h1{color:var(--navy);letter-spacing:-.03em;margin:10px 0 16px;font-size:clamp(26px,3.2vw,42px);line-height:1.05}.login-copy span{color:#5c6978;max-width:44ch;display:block}.login-panel form{gap:18px;display:grid}.login-panel label{color:var(--navy);gap:8px;font-size:12px;font-weight:800;display:grid}.login-panel input{color:#102033;background:#fff;border:1px solid #cfd4d5;border-radius:12px;height:50px;padding:0 14px}.login-panel input:focus{border-color:var(--navy)}.login-field{color:var(--navy);gap:8px;font-size:12px;font-weight:800;display:grid}.password-field{display:flex;position:relative}.password-field input{flex:1;padding-right:44px}.password-toggle{cursor:pointer;color:#8b96a3;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:var(--navy);background:#f3f2ed}.login-submit{height:52px;margin-top:6px}.login-submit:disabled,.primary:disabled,.secondary:disabled{opacity:.6;cursor:not-allowed}.form-error{color:#8e2d27;background:#f8dfdc;border-radius:12px;margin:0;padding:12px;font-size:12px}.login-route{color:#fff;padding:12vh 10vw;position:relative;overflow:hidden}.big-line{border-left:18px solid var(--orange);border-radius:50%;width:220px;height:76vh;position:absolute;top:12%;left:22%}.big-line i{background:var(--navy);border:9px solid #fff;border-radius:50%;width:36px;height:36px;margin:8vh 0 7vh -27px;display:block}.login-route p{letter-spacing:-.03em;margin:14vh 0 17vh 130px;font-size:clamp(22px,3vw,48px);font-weight:800;position:relative}@media (width<=720px){.menu-backdrop{z-index:9;background:#06295f80;border:0;display:block;position:fixed;inset:0}.login-page{background:var(--ivory);grid-template-columns:1fr}.login-route{display:none}.login-panel{min-height:100vh}.login-copy{margin:4vh 0 30px}.incident-rail{grid-template-columns:1fr}.incident-rail article{border-inline-start:0;border-top:1px solid #bd5b55;align-items:flex-end;padding:14px 0 0}.incident-rail article small{white-space:normal}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spin{animation:none}}.panel-card{background:#fff;border-radius:16px;padding:24px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.toolbar h2{color:var(--navy);margin:0;font-size:20px}.toolbar p{color:#788493;margin:4px 0 0;font-size:13px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#8b96a3;border-bottom:1px solid #eceae4;padding:0 14px 12px;font-size:11px;font-weight:800}.data-table td{vertical-align:middle;border-bottom:1px solid #f1efe9;padding:14px;font-size:14px}.data-table tr:last-child td{border-bottom:0}.data-table td.num{font-variant-numeric:tabular-nums;text-align:right}.data-table tbody tr:hover{background:#faf9f5}.badge{white-space:nowrap;border-radius:99px;align-items:center;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge-green{color:#11725a;background:#e8f4f0}.badge-red{color:var(--red);background:#fae8e6}.badge-amber{color:#9a6212;background:#fdf1e0}.badge-gray{color:#586574;background:#e9edf2}.row-actions{justify-content:flex-end;gap:6px;display:flex}.row-actions button{cursor:pointer;width:34px;height:34px;color:var(--navy);background:#fff;border:1px solid #e5e3dd;border-radius:9px;place-items:center;display:grid}.row-actions button:hover{background:#f3f2ed}.row-actions button.danger{color:var(--red)}.modal-backdrop{z-index:20;background:#06112080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:16px;width:min(520px,100%);max-height:88vh;padding:26px;overflow:auto}.modal-head{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.modal-head h2{color:var(--navy);margin:0;font-size:19px}.confirm-message{color:#4a5568;margin:0;font-size:14px;line-height:1.5}.primary.danger{background:var(--red);box-shadow:0 8px 20px #c5443d38}.primary.danger:hover{background:#a83a34}.form-grid{gap:16px;min-width:0;display:grid}.field{gap:7px;min-width:0;display:grid}.field label{color:var(--navy);font-size:12px;font-weight:800}.field input:not([type=radio]):not([type=checkbox]),.field select{color:#102033;height:46px;font:inherit;text-overflow:ellipsis;background:#fff;border:1px solid #cfd4d5;border-radius:12px;width:100%;min-width:0;padding:0 13px}.field input:focus,.field select:focus{border-color:var(--navy);outline:0}.field-row{grid-template-columns:1fr 1fr;gap:14px;min-width:0;display:grid}.field-hint{color:#8b96a3;margin:0;font-size:11px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.modal-actions .secondary{width:auto}.stop-picker{gap:10px;display:grid}.stop-picker-list{border:1px solid #eceae4;border-radius:12px;max-height:190px;padding:6px;overflow:auto}.stop-picker-list label{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.stop-picker-list label:hover{background:#faf9f5}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--navy);background:#eef1f6;border-radius:99px;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:12px;font-weight:700;display:flex}.chip button{color:#788493;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.temp-password{color:#11725a;background:#eef8f4;border:1px solid #cbe7db;border-radius:12px;margin:0 0 18px;padding:14px;font-size:13px}.temp-password strong{font-variant-numeric:tabular-nums;font-size:15px}.list-toolbar{gap:12px;margin-bottom:18px;display:flex}.list-toolbar .search{width:min(340px,100%)}.map-card{padding:0;position:relative;overflow:hidden}.map-container{width:100%;height:min(70vh,640px)}.map-overlay{z-index:1;background:#f7f5efeb;position:absolute;inset:0}.car-marker{color:#fff;cursor:pointer;border:3px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:10px;font-weight:800;display:grid;box-shadow:0 6px 16px #06295f47}.stop-marker{color:#fff;border:2.5px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid;box-shadow:0 4px 10px #06295f4d}.pagination{color:#8b96a3;border-top:1px solid #eceae4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:16px;font-size:12px;display:flex}.pagination-controls{color:var(--navy);align-items:center;gap:10px;font-weight:700;display:flex}.pagination-controls .icon-button{border-radius:8px;place-items:center;width:30px;height:30px;margin:0;display:grid}.pagination-controls .icon-button:hover:not(:disabled){background:#f3f2ed}.pagination-controls .icon-button:disabled{color:#c7cdd3;cursor:not-allowed}@media (width<=720px){.map-container{height:min(65vh,480px)}}.notif-wrap{margin-left:auto;position:relative}.notif-wrap .icon-button{margin-left:0}.notif-dropdown{z-index:15;background:#fff;border-radius:14px;width:min(360px,88vw);position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 44px #06142833}.notif-head{border-bottom:1px solid #eceae4;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-head strong{color:var(--navy);font-size:14px}.notif-head button{color:var(--navy);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.notif-push-cta{width:100%;color:var(--navy);cursor:pointer;background:#fff8f3;border:0;border-bottom:1px solid #eceae4;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:800;display:flex}.notif-push-cta:hover{background:#ffefe2}.notif-push-cta:disabled{opacity:.6;cursor:not-allowed}.notif-empty{text-align:center;color:#8b96a3;margin:0;padding:34px 20px;font-size:13px}.notif-dropdown ul{max-height:360px;margin:0;padding:0;list-style:none;overflow:auto}.notif-dropdown li{cursor:pointer;border-bottom:1px solid #f1efe9;gap:3px;padding:12px 16px;display:grid}.notif-dropdown li:last-child{border-bottom:0}.notif-dropdown li:hover{background:#faf9f5}.notif-dropdown li.unread{background:#fff6ef}.notif-dropdown li strong{color:#586574;font-size:13px}.notif-dropdown li.unread strong{color:var(--navy)}.notif-dropdown li span{color:#667587;font-size:12px}.notif-dropdown li time{color:#a3adb8;font-variant-numeric:tabular-nums;font-size:10px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.stat-item{background:#faf9f5;border-radius:12px;padding:16px}.stat-item strong{color:var(--navy);font-variant-numeric:tabular-nums;font-size:26px;display:block}.stat-item span{color:#788493;margin-top:4px;font-size:12px;display:block}.export-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.export-grid button{cursor:pointer;color:var(--navy);background:#fff;border:1px solid #e5e3dd;border-radius:12px;align-items:center;gap:9px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.export-grid button:hover{background:#faf9f5}.export-grid button:disabled{opacity:.6;cursor:not-allowed}.link-button{color:var(--navy);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.profile-avatar-row{align-items:center;gap:16px;margin-bottom:8px;display:flex}.profile-avatar{object-fit:cover;background:var(--navy);border-radius:50%;width:72px;height:72px}.profile-avatar-placeholder{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:72px;height:72px;font-size:22px;font-weight:800;display:grid}.profile-avatar-actions{align-items:center;gap:10px;display:flex}.passengers.warning{color:#ffb4ab;font-weight:700}.occupancy-detail{border-block:1px solid #31517e;margin-bottom:16px;padding:16px 0}.occupancy-detail>div{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.occupancy-detail>div strong{color:#fff;font-size:26px}.occupancy-detail>div span{color:#adc0d9;font-size:12px}.occupancy-detail ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.occupancy-detail li{color:#adc0d9;justify-content:space-between;font-size:12px;display:flex}.occupancy-detail li b{color:#fff;font-weight:700}