@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#edf1f8;--ink:#192742;--muted:#68758d;--line:rgba(66,83,125,.1);--surface:rgba(255,255,255,.78);--solid:#fff;--nav:rgba(255,255,255,.43);--blue:#3568e8;--blue-soft:#edf2ff;--green:#187b68;--amber:#9d6519;--red:#bd4d52;--shadow:0 12px 40px rgba(38,57,105,.045),inset 0 1px 0 rgba(255,255,255,.9);--radius:24px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif;min-width:360px;transition:background .45s,color .45s}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6289f6;outline-offset:4px}button, a{touch-action:manipulation}.skip{position:fixed;left:20px;top:-60px;z-index:100;padding:12px;background:var(--solid)}.skip:focus{top:10px}.ambient{position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.58}.ambient-one{width:650px;height:650px;background:radial-gradient(circle,#b9c9ff,transparent 68%);top:-300px;left:25%;animation:ambient 18s ease-in-out infinite alternate}.ambient-two{width:670px;height:800px;background:radial-gradient(ellipse,#beebe9,transparent 68%);right:-350px;top:120px}.ambient-three{width:700px;height:650px;background:radial-gradient(ellipse,#dfcef3,transparent 65%);bottom:-370px;left:-160px}.app{max-width:1920px;padding:20px;display:grid;grid-template-columns:236px minmax(0,1fr);gap:24px;margin:auto}.glass{background:var(--nav);border:1px solid rgba(255,255,255,.78);box-shadow:0 12px 50px rgba(52,64,112,.065),inset 0 1px 0 #ffffffb3;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%)}.sidebar{border-radius:28px;position:sticky;top:20px;height:calc(100vh - 40px);min-height:680px;padding:26px 15px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 13px 28px;font:800 25px 'Manrope',sans-serif;letter-spacing:-1px}.brand-mark{width:38px;height:40px;background:linear-gradient(145deg,#6e94fb,#305dd1);color:white;border-radius:12px;box-shadow:0 5px 15px #386de130,inset 0 1px 1px #fff9;font-size:27px;line-height:39px;text-align:center;letter-spacing:-6px;padding-right:5px}.brand-mark span{font-weight:400}.brand-sub{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.5px;margin-top:4px;color:var(--muted)}.workspace{background:rgba(255,255,255,.48);border:1px solid #fff9;border-radius:15px;display:flex;gap:10px;align-items:center;text-align:left;padding:12px 9px;margin-bottom:29px;box-shadow:0 3px 8px #29437203;font-size:11px;font-weight:700}.workspace-icon{background:#e9edfa;color:#5271b7;border:1px solid white;border-radius:9px;width:30px;height:31px;display:grid;place-items:center;font:700 15px Manrope}.workspace small,.profile small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}.chevrons{margin-left:auto;color:var(--muted)}.nav-label{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#8b96aa;padding:0 13px;margin-bottom:13px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;width:100%;margin-bottom:5px;background:transparent;text-align:left;font-weight:500;font-size:12px;color:var(--muted);transition:background .22s,transform .22s,color .22s}.nav-item:hover{background:#ffffff80;transform:translateX(2px);color:var(--ink)}.nav-item.active{color:#3566d4;background:linear-gradient(110deg,#ffffffd9,#e5edffbf);box-shadow:0 4px 14px #2b4c9610,inset 0 1px 0 white;border:1px solid #fff9;font-weight:700}.nav-item .count{margin-left:auto;background:#fff9;border-radius:7px;padding:1px 6px;font-size:10px;color:#667998}.nav-item.active .count{background:#3568e8;color:white}.nav-icon, [data-icon]{display:inline-flex;flex:none}.nav-icon svg{width:18px;height:18px}svg{display:block}.sidebar-bottom{margin-top:auto;padding-top:24px}.new-label{font-size:8px;padding:3px 5px;letter-spacing:.5px;color:#5479c9;background:#e1eaff;border-radius:4px;margin-left:auto}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:17px 9px 1px;margin-top:16px;font-size:11px;font-weight:600}.avatar{height:34px;width:34px;display:grid;place-items:center;background:linear-gradient(145deg,#e3d8ce,#c5b3a7);color:#685b55;box-shadow:inset 0 1px 1px #fffc;border:2px solid white;border-radius:50%;font-size:10px;font-weight:700;flex:none}.avatar.small{width:31px;height:31px;margin-left:6px}.online-dot{width:6px;height:6px;border-radius:50%;background:#49a38f;margin-left:auto}.workspace-main{min-width:0}.topbar{height:65px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;gap:16px}.breadcrumb{font-size:11px;display:flex;gap:13px;white-space:nowrap;color:var(--muted)}.breadcrumb strong{font-weight:550;color:var(--ink)}.search-trigger{display:flex;align-items:center;gap:9px;color:#909bb0;font-size:11px;background:transparent;margin-left:25px}.search-trigger svg{width:16px;height:16px}.search-trigger kbd{font-size:9px;border:1px solid #a4aec32e;border-radius:5px;padding:3px 5px;margin-left:35px;font-family:inherit;color:#8c99af}.top-actions{display:flex;gap:12px;align-items:center}.preview-label{font-size:9px;white-space:nowrap;display:flex;align-items:center;gap:6px;color:var(--muted);padding-right:8px}.preview-label i{width:5px;height:5px;border-radius:50%;background:#6287dc}.icon-button{height:32px;width:32px;display:grid;place-items:center;background:transparent;border-radius:50%;transition:background .2s,transform .2s;color:var(--muted)}.icon-button:hover{background:#ffffff99;transform:translateY(-2px)}.icon-button svg{width:17px;height:17px}.notification-button{position:relative}.notification-button>i{width:4px;height:4px;background:#e28c82;border:1px solid var(--bg);border-radius:50%;position:absolute;right:8px;top:5px}main{outline:none}.page{animation:pageIn .55s cubic-bezier(.2,.65,.2,1) both}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:32px 4px 25px}.eyebrow{display:flex;gap:8px;align-items:center;font-size:10px;color:#6f809a;letter-spacing:1.25px;font-weight:650;text-transform:uppercase;margin-bottom:10px}.eyebrow .status-dot{width:6px;height:6px;border-radius:50%;background:#49a891;box-shadow:0 0 0 4px #49a89113}h1,h2,h3,p{margin:0}h1{font:750 33px 'Manrope',sans-serif;letter-spacing:-1.4px;line-height:1.2}h1 em{font-style:normal;background:linear-gradient(110deg,#345ec7,#65a3af);background-clip:text;-webkit-background-clip:text;color:transparent}p.subtitle{margin-top:11px;font-size:12px;color:var(--muted);line-height:1.7}.header-actions{display:flex;align-items:center;gap:10px;padding-bottom:3px}.button{border-radius:11px;padding:10px 14px;background:var(--surface);border:1px solid #fff9;box-shadow:0 3px 12px #23346406,inset 0 1px 0 #fff8;font-size:11px;font-weight:550;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #274a8820}.button svg{height:14px;width:14px}.button.primary{background:linear-gradient(120deg,#527ff3,#3567df);color:white;border:1px solid #7399fa;box-shadow:0 5px 14px #3c68da30,inset 0 1px 0 #ffffff4a}.button.quiet{background:transparent;border-color:var(--line);box-shadow:none}.button.danger{color:var(--red)}.date-select{appearance:none;cursor:pointer;padding-right:26px;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" stroke="%237887a0"%3E%3Cpath d="m3 4 3 3 3-3"/%3E%3C/svg%3E');background-position:right 9px center;background-repeat:no-repeat}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:21px}.card{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffffd4;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.stat{padding:20px 21px 17px;text-align:left;min-height:145px}.stat:hover{transform:translateY(-4px);box-shadow:0 16px 30px #324d9310,inset 0 1px 0 white}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:500}.stat-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ebf0fe;color:#6a8ad5}.stat-icon svg{width:15px;height:15px}.stat:nth-child(2) .stat-icon{color:#4a9b94;background:#e8f5f2}.stat:nth-child(3) .stat-icon{color:#b59057;background:#f8f1e6}.stat:nth-child(4) .stat-icon{color:#b77c85;background:#f8ecee}.stat-value{font:750 34px Manrope;letter-spacing:-1.4px;line-height:1.25;margin:8px 0 9px}.stat-value small{font-size:13px;font-weight:500;letter-spacing:-.3px;color:var(--muted);margin-left:4px}.stat-foot{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.trend{color:var(--green);font-weight:600}.stat:nth-child(3) .trend{color:var(--amber)}.stat:nth-child(4) .trend{color:var(--red)}.mini-chart{position:absolute;right:18px;bottom:18px;width:62px;height:25px;opacity:.65}.middle-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(275px,1fr);gap:21px;margin-bottom:21px}.performance{background:linear-gradient(125deg,#182b50,#213b68 60%,#294a72);color:white;min-height:272px;border-color:#ffffff26;box-shadow:0 10px 25px #294b6c1a,inset 0 1px 0 #fff2}.performance:after{content:'';position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,#4c8ca15c,transparent 66%);right:-80px;top:-130px;pointer-events:none}.card-head{padding:23px 24px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1}.card-head h2{font:700 14px Manrope;letter-spacing:-.25px}.card-head p{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.6}.performance .card-head p{color:#b6c5e0}.segmented{background:#ffffff12;padding:3px;display:flex;border-radius:8px;gap:2px;flex:none}.segmented button{padding:5px 9px;border-radius:5px;background:transparent;color:#aabdd9;font-size:9px;transition:background .2s}.segmented button.active{background:#ffffff27;color:white;box-shadow:inset 0 1px 0 #ffffff2a}.chart-summary{display:flex;align-items:baseline;gap:8px;padding:18px 24px 0}.chart-summary strong{font:700 26px Manrope;letter-spacing:-1px}.chart-summary span{font-size:9px;color:#addcd4}.chart-wrap{padding:8px 21px 13px;position:relative;z-index:1}.activity-chart{height:130px;width:100%;overflow:visible}.activity-chart .chart-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 1.9s .2s ease forwards}.activity-chart text{font:9px 'DM Sans';fill:#a4b7d4}.activity-chart .grid-line{stroke:#ffffff0c}.chart-tip{position:absolute;top:17px;left:61%;background:#ffffffeb;color:#34516b;padding:7px 9px;border-radius:7px;font-size:9px;box-shadow:0 4px 10px #142c4d40;opacity:0;transition:opacity .25s}.chart-wrap:hover .chart-tip{opacity:1}.availability{min-height:272px}.availability-content{display:flex;align-items:center;justify-content:center;gap:22px;padding:19px 18px 22px}.donut{position:relative;width:142px;height:142px;flex:none}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut circle{fill:none;stroke-width:13}.donut .ring{stroke:#eaf0f7}.donut .arc{stroke:url(#ringGrad);stroke-linecap:round;stroke-dasharray:250 364;animation:ring 1.4s .15s ease both}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-center strong{font:750 31px Manrope;letter-spacing:-1px}.donut-center span{font-size:9px;color:var(--muted);margin-top:5px}.legend{display:flex;flex-direction:column;gap:17px;font-size:10px}.legend>div{display:flex;gap:7px;align-items:center;white-space:nowrap}.legend i{width:6px;height:6px;border-radius:50%;background:#638ced}.legend>div:nth-child(2) i{background:#83bab3}.legend>div:nth-child(3) i{background:#d7dfea}.legend strong{margin-left:10px;font-weight:650}.text-link{color:var(--blue);background:transparent;font-size:10px;font-weight:550;display:flex;align-items:center;gap:7px}.text-link svg{width:13px;height:13px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(275px,1fr);gap:21px}.table-card .card-head{padding-bottom:19px}.tabs-row{display:flex;gap:19px;padding:0 24px;border-bottom:1px solid var(--line)}.table-tab{color:var(--muted);font-size:10px;background:transparent;padding:4px 0 12px;position:relative;white-space:nowrap}.table-tab.active{color:var(--blue);font-weight:650}.table-tab.active:after{position:absolute;content:'';height:2px;bottom:-1px;left:0;right:0;background:var(--blue);border-radius:3px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;color:#8b96aa;font-weight:500;letter-spacing:.1px;padding:13px 17px;border-bottom:1px solid var(--line)}td{font-size:10px;padding:14px 17px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}tbody tr{cursor:pointer;transition:background .18s}tbody tr:hover{background:#5a84d307}tbody tr:last-child td{border:0}.trip-ref{font-weight:650;font-size:10px}.secondary{display:block;font-size:9px;margin-top:4px;color:var(--muted);font-weight:400}.route-cell{display:flex;align-items:center;gap:6px}.route-cell svg{width:10px;height:10px;color:#a5afc1}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:6px;background:#edf3ff;color:#5478c6;font-size:9px;font-weight:500;line-height:1;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.badge.green{background:#eaf4ef;color:#4a8f7b}.badge.amber{background:#faf1e0;color:#a57a33}.badge.red{background:#faeceb;color:#bd6b68}.badge.gray{background:#edf0f6;color:#7d8ca5}.badge.purple{background:#f0ecfa;color:#8b76b5}.table-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);padding:16px 24px;border-top:1px solid var(--line)}.attention .card-head{padding-bottom:7px}.attention-count{font-size:9px;background:#f9ebe8;color:#ba786b;padding:4px 6px;border-radius:5px}.attention-list{padding:0 22px}.attention-item{display:flex;gap:11px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line);width:100%;text-align:left;background:transparent}.attention-item:last-child{border:0}.attention-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid #ecd7d0;background:linear-gradient(145deg,#fff5ef,#f8ede9);border-radius:10px;color:#bc8d75;flex:none}.attention-icon svg{width:14px;height:14px}.attention-item h3{font-size:10px;font-weight:600;margin:1px 0 6px}.attention-item p{font-size:9px;color:var(--muted);line-height:1.55}.attention-item .time{font-size:8px;color:#b29385;margin-top:7px;display:block}.attention-item .arrow{margin-left:auto;align-self:center;color:#a4b0c3;font-size:15px}.mini-banner{margin:4px 22px 18px;padding:11px 13px;background:linear-gradient(110deg,#edf2fd,#e9f3f6);border:1px solid #fff;border-radius:11px;font-size:9px;display:flex;align-items:center;justify-content:space-between;color:#657d9c}footer{font-size:9px;color:#95a0b3;padding:22px 5px 4px;display:flex;gap:12px;align-items:center}footer>span:first-child{opacity:.8}.footer-brand{margin-left:auto;font-size:8px;letter-spacing:1.4px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:20px 24px}.inline-search{position:relative;display:flex;align-items:center;gap:9px;color:var(--muted)}.inline-search svg{height:15px;width:15px}.inline-search input{border:0;background:transparent;outline:none;color:var(--ink);font-size:11px;min-width:200px;padding:5px}.toolbar-right{display:flex;gap:9px}.full-table td{padding-top:20px;padding-bottom:20px;font-size:11px}.full-table th{padding-top:16px;padding-bottom:16px;font-size:10px;background:#7795cf04}.full-table .trip-ref{font-size:11px}.full-table .badge{font-size:10px;padding:6px 8px}.full-tabs{padding-top:10px;gap:27px}.full-tabs .table-tab{font-size:11px;padding-bottom:17px}.full-tabs .tab-count{margin-left:5px;color:#9aa8bc;font-size:9px}.table-actions{display:flex;gap:6px;align-items:center}.empty{padding:50px;text-align:center;color:var(--muted);line-height:2}.fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.vehicle-card{padding:23px}.vehicle-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.vehicle-symbol{height:50px;width:61px;border-radius:16px;background:linear-gradient(145deg,#edf2ff,#e1e9fa);color:#7091c5;display:grid;place-items:center;box-shadow:inset 0 1px 0 white}.vehicle-symbol svg{width:34px;height:34px;stroke-width:1.2}.vehicle-card h3{font:700 16px Manrope;margin:5px 0 7px}.vehicle-card p{color:var(--muted);font-size:11px}.vehicle-info{margin:21px 0 18px;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.vehicle-info strong{color:var(--ink);display:block;font-size:12px;margin-top:6px;font-weight:600}.vehicle-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:10px}.vehicle-bottom .avatar{height:25px;width:25px;font-size:8px;margin-right:6px;display:inline-grid}.person{display:flex;align-items:center}.section-toolbar{display:flex;justify-content:space-between;gap:10px;margin:0 4px 20px}.pill-toggle{background:var(--surface);border:1px solid #fff;border-radius:12px;display:flex;padding:4px;gap:3px;box-shadow:var(--shadow)}.pill-toggle button{background:transparent;border-radius:8px;padding:8px 13px;font-size:11px;color:var(--muted)}.pill-toggle button.active{color:var(--blue);background:#eaf0fc;box-shadow:0 1px 3px #1c3a7e06}.overlay{position:fixed;inset:0;background:rgba(27,39,65,.2);backdrop-filter:blur(5px);z-index:30;animation:fade .2s}.overlay[hidden],.dialog[hidden],.drawer[hidden]{display:none}.dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:40;width:580px;max-width:calc(100vw - 34px);border-radius:28px;background:rgba(248,250,255,.95);padding:30px;max-height:calc(100vh - 50px);overflow:auto;animation:modalIn .32s cubic-bezier(.16,1,.3,1)}.dialog-head,.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog h2,.drawer h2{font:750 23px Manrope;letter-spacing:-.7px}.dialog-intro{font-size:12px;color:var(--muted);line-height:1.7;margin:-8px 0 23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{background:var(--surface);border:1px solid #cbd5e36b;border-radius:10px;color:var(--ink);padding:11px 12px;min-width:0;outline:none;font-size:12px}.field input:focus,.field select:focus{border-color:#789aef}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.form-note{font-size:10px;color:var(--muted);padding:14px 0 0;line-height:1.7}.drawer{position:fixed;right:15px;top:15px;bottom:15px;width:460px;max-width:calc(100vw - 30px);z-index:40;border-radius:27px;background:rgba(247,250,255,.95);padding:28px;overflow:auto;animation:drawerIn .45s cubic-bezier(.16,1,.3,1)}.drawer-hero{background:linear-gradient(130deg,#1e345a,#355e8a);border:1px solid #ffffff80;border-radius:20px;padding:25px;color:white;margin:25px 0}.drawer-hero .eyebrow{color:#b5c9e5;font-size:9px}.route-large{font:700 23px Manrope;line-height:1.65}.route-large span{color:#a8c5e4;font-size:15px;padding:0 8px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.detail-grid small{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.detail-grid strong{font-size:12px;font-weight:550}.timeline{margin-top:30px}.timeline h3{font:700 14px Manrope;margin-bottom:23px}.timeline-item{border-left:1px solid #c9d7e9;position:relative;padding:0 0 26px 23px;margin-left:5px}.timeline-item:before{position:absolute;content:'';height:7px;width:7px;background:#7ea0df;border:3px solid #eff3fc;left:-7px;border-radius:50%}.timeline-item strong{font-size:11px;font-weight:600}.timeline-item small{display:block;color:var(--muted);font-size:10px;margin-top:6px;line-height:1.6}.toast{position:fixed;bottom:28px;left:50%;z-index:60;border-radius:14px;padding:14px 22px;background:#f9fcfff2;font-size:12px;box-shadow:0 15px 50px #25324d26;transform:translate(-50%,100px);opacity:0;transition:.4s cubic-bezier(.16,1,.3,1);pointer-events:none}.toast.visible{transform:translate(-50%,0);opacity:1}.search-dialog{padding:15px}.command-input{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px 10px 20px}.command-input input{border:0;outline:none;background:transparent;font-size:16px;color:var(--ink);width:100%}.command-input svg{color:var(--muted);width:19px;height:19px}.command-results{padding-top:8px}.command-result{background:transparent;padding:14px;border-radius:12px;display:flex;align-items:center;gap:13px;width:100%;text-align:left;font-size:12px}.command-result:hover{background:#5987ec10}.command-result small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.command-result>span:last-child{margin-left:auto;font-size:10px;color:var(--muted)}.setting-row{padding:18px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;font-size:12px}.setting-row p{color:var(--muted);font-size:10px;margin-top:7px;line-height:1.7}.switch{width:36px;height:22px;background:#cbd5e7;border-radius:20px;padding:3px;flex:none;transition:background .2s}.switch:after{content:'';display:block;width:16px;height:16px;background:white;border-radius:50%;box-shadow:0 1px 3px #29427833;transition:transform .2s}.switch[aria-checked=true]{background:#5a80e4}.switch[aria-checked=true]:after{transform:translateX(14px)}.story-hero{padding:42px;background:linear-gradient(135deg,#182b52,#3b5482 55%,#6688a0);color:white;min-height:260px;margin-bottom:22px}.story-hero:before{content:'';position:absolute;right:-50px;top:-90px;height:400px;width:400px;background:radial-gradient(circle,#b8c9ff33,transparent 65%);pointer-events:none}.story-hero h2{font:700 37px Manrope;letter-spacing:-1.3px;max-width:550px;line-height:1.3}.story-hero p{max-width:520px;line-height:1.8;color:#c2d1e6;font-size:12px;margin-top:17px}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.story-card{padding:28px}.story-card .eyebrow{font-size:9px}.story-card h3{font:700 19px Manrope;letter-spacing:-.5px;margin-bottom:13px}.story-card p{font-size:12px;color:var(--muted);line-height:1.9}.story-card a{display:inline-block;color:var(--blue);font-size:11px;margin-top:20px}.material-demo{height:100px;background:linear-gradient(120deg,#d3deff,#d2efeb,#ded6fa);margin-top:22px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:12px}.glass-sample{border-radius:15px;padding:17px 25px;background:#ffffff47;border:1px solid #ffffffd4;box-shadow:0 7px 20px #526ca522,inset 0 1px 0 white;backdrop-filter:blur(20px);font-size:12px;color:#536992;transition:transform .3s,box-shadow .3s}.glass-sample:hover{transform:translateY(-6px);box-shadow:0 17px 25px #526ca530}.motion-demo{display:flex;gap:10px;align-items:center;margin-top:22px;height:100px;justify-content:center;background:var(--bg);border-radius:16px}.motion-orb{height:43px;width:43px;border-radius:50%;background:linear-gradient(135deg,#b6d6fb,#5b7acf);box-shadow:inset 0 2px 3px #fff9,0 5px 15px #728bcf40;animation:orb 3s cubic-bezier(.45,0,.35,1) infinite alternate}.motion-line{width:80px;height:1px;background:var(--line)}.motion-target{height:43px;width:43px;border-radius:14px;border:1px dashed #91a7d0}.design-tokens{display:flex;gap:9px;margin-top:22px}.token{height:42px;flex:1;border-radius:12px;box-shadow:inset 0 1px 1px #fff9}.approval-summary{padding:26px;display:flex;align-items:center;gap:18px;margin-bottom:21px}.approval-summary .large-icon{height:50px;width:50px;display:grid;place-items:center;background:linear-gradient(145deg,#fff5de,#f6e8c9);color:#ac8b4e;border-radius:16px}.approval-summary h2{font:700 17px Manrope;margin-bottom:7px}.approval-summary p{font-size:11px;color:var(--muted)}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.report-card{padding:30px;min-height:220px}.report-card h3{font:700 16px Manrope}.report-card p{line-height:1.9;font-size:12px;color:var(--muted);margin:12px 0 23px}.compact-count{font:700 38px Manrope;letter-spacing:-2px;margin:12px 0}.driver-initial{height:42px;width:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#cbdaf5,#91abc8);color:#4d658c;font-size:12px;font-weight:600;border:2px solid white}.driver-cell{display:flex;align-items:center;gap:12px}.driver-cell .driver-initial{width:31px;height:31px;font-size:9px}.approval-actions{display:flex;gap:6px}.approval-actions .button{padding:7px 10px;font-size:10px}.notification-list{display:flex;flex-direction:column;gap:10px}.notification-entry{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.notification-entry strong{font-size:12px}.notification-entry p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:8px}.notification-entry small{font-size:9px;color:#94a1b6;display:block;margin-top:9px}
body.dark{--bg:#111a2c;--ink:#e3eafa;--muted:#92a2bb;--line:#a4b7da16;--surface:rgba(29,42,65,.86);--solid:#22324a;--nav:rgba(30,43,66,.66);--blue:#91b1ff;--blue-soft:#293f65;--shadow:0 12px 40px #020b1929,inset 0 1px 0 #ffffff10;color-scheme:dark}.dark .glass,.dark .card{border-color:#ffffff14;box-shadow:0 12px 35px #0209151c,inset 0 1px 0 #ffffff0c}.dark .ambient{opacity:.17}.dark .nav-item.active{background:linear-gradient(110deg,#38517b88,#3c598638);border-color:#ffffff16;color:#bad0ff}.dark .nav-item:hover{background:#ffffff08}.dark .workspace{background:#ffffff05;border-color:#ffffff0a}.dark .workspace-icon{background:#30415e;border-color:#ffffff13;color:#abc1e7}.dark .icon-button:hover{background:#ffffff0b}.dark .stat-icon{background:#304269;color:#9bb8f3}.dark .stat:nth-child(2) .stat-icon{background:#284648;color:#8fbcb4}.dark .stat:nth-child(3) .stat-icon{background:#474535;color:#c7b587}.dark .stat:nth-child(4) .stat-icon{background:#47394d;color:#c79aab}.dark .trend{color:#94c4b6}.dark .badge{background:#2e4166;color:#b0c6f1}.dark .badge.green{background:#294b46;color:#9bc8b8}.dark .badge.amber{background:#4c4535;color:#d9c18e}.dark .badge.red{background:#503942;color:#e0a5a8}.dark .badge.gray{background:#344158;color:#aebbd1}.dark .badge.purple{background:#443b5b;color:#c5b0e4}.dark .attention-icon{background:#493c3a;border-color:#66524d;color:#cba58e}.dark .mini-banner{background:linear-gradient(110deg,#2a3a5a,#294451);border-color:#ffffff0b;color:#afc3e1}.dark .button{border-color:#ffffff13}.dark .button.primary{color:white;background:linear-gradient(120deg,#537fe9,#3a67cd);border-color:#779eff33}.dark .dialog,.dark .drawer{background:#1b2940f5}.dark .toast{background:#25364af5}.dark .pill-toggle{border-color:#ffffff0b}.dark .pill-toggle button.active{background:#334d77;color:#b9cefa}.dark .donut .ring{stroke:#324057}.dark .donut-center strong{color:#e3eafa}.dark .glass-sample{color:#263b62}.dark .material-demo{opacity:.9}.dark .timeline-item:before{border-color:#22334e}.dark .trend,.dark .stat:nth-child(3) .trend,.dark .stat:nth-child(4) .trend{color:#a5bbdb}.no-glass .glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--solid)}.no-glass .card{background:var(--solid)}.reduced-motion *, .reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced-motion .chart-line{stroke-dashoffset:0!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.activity-chart .chart-line{stroke-dashoffset:0}}
@keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient{to{transform:translateX(80px) translateY(60px)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes ring{from{stroke-dasharray:0 364}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translate(-50%,-47%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes drawerIn{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes orb{to{transform:translateX(85px);border-radius:15px}}
@media(min-width:1600px){.app{padding:28px;gap:30px;grid-template-columns:250px minmax(0,1fr)}.sidebar{top:28px;height:calc(100vh - 56px)}.page-header{margin-top:39px;margin-bottom:30px}h1{font-size:38px}.stat{padding:23px;min-height:161px}.stat-top{font-size:12px}.stat-value{font-size:39px}.stat-foot{font-size:11px}.card-head h2{font-size:16px}.card-head p{font-size:11px}.performance,.availability{min-height:303px}.activity-chart{height:153px}.availability-content{padding-top:29px}.donut{width:160px;height:160px}.legend{font-size:11px}.table-tab{font-size:12px}td,.trip-ref{font-size:12px}th{font-size:11px}.badge{font-size:10px}.attention-item h3{font-size:12px}.attention-item p{font-size:11px}.attention-item .time{font-size:10px}.topbar{height:71px}.nav-item{font-size:13px;padding:13px}.workspace{font-size:12px}.sidebar-bottom{padding-top:20px}}
@media(max-width:1200px){.app{grid-template-columns:200px minmax(0,1fr);gap:18px;padding:15px}.sidebar{padding:24px 10px 13px;top:15px;height:calc(100vh - 30px)}.brand{font-size:22px;padding-left:10px;gap:9px}.brand-sub{font-size:6px}.brand-mark{width:32px;height:35px;line-height:34px}.workspace{font-size:10px}.workspace small{font-size:9px}.nav-item{font-size:11px}.search-trigger{margin-left:0}.search-trigger span:nth-child(2){display:none}.search-trigger kbd{margin-left:3px}.topbar{padding:0 17px}.page-header{margin-top:27px}h1{font-size:28px}.stat{padding:17px}.stat-top{font-size:9px}.stat-icon{width:24px;height:24px}.stat-value{font-size:29px}.stat-foot{font-size:8px}.mini-chart{width:40px}.stats{gap:12px}.middle-grid,.bottom-grid{gap:15px;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr)}.availability-content{gap:12px;padding-left:10px;padding-right:10px}.donut{width:125px;height:125px}.legend{font-size:9px;gap:16px}.legend strong{margin-left:3px}.card-head{padding-left:20px;padding-right:20px}.full-table td,.full-table th{padding-left:13px;padding-right:13px}.fleet-grid{grid-template-columns:repeat(2,1fr)}.preview-label{display:none}}
@media(max-width:950px){.app{grid-template-columns:74px minmax(0,1fr);gap:15px}.sidebar{padding:22px 10px;min-height:610px}.brand{padding:0 6px 28px}.brand>span:last-child,.workspace,.nav-label,.nav-item .nav-text,.nav-item .count,.new-label,.profile>span:not(.avatar){display:none}.nav-item{font-size:0;justify-content:center;padding:14px 8px;gap:0}.nav-item svg{width:20px;height:20px}.profile{padding:16px 7px 0}.nav-item .nav-icon{display:flex}.sidebar-bottom .nav-item{font-size:0}.profile .avatar{width:30px;height:30px}.middle-grid,.bottom-grid{grid-template-columns:1fr}.availability-content{justify-content:flex-start;padding:22px 35px;gap:50px}.availability{min-height:230px}.availability .donut{width:135px;height:135px}.availability .legend{font-size:12px;gap:20px}.top-actions{gap:5px}.header-actions .date-select{display:none}.stats{gap:10px}.stat{padding:13px}.stat-top{font-size:9px}.stat-top .stat-icon{display:none}.stat-foot{font-size:8px}.stat-value{font-size:29px}.mini-chart{display:none}.performance{min-height:280px}.activity-chart{height:145px}.report-stats{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr}.story-hero h2{font-size:30px}.footer-brand{display:none}footer{display:block;line-height:1.8}footer span{display:block}.stat{min-height:129px}}
@media(max-width:620px){.app{padding:10px;display:block}.sidebar{position:fixed;top:auto;bottom:10px;left:10px;right:10px;width:auto;height:65px;min-height:0;z-index:20;display:flex;flex-direction:row;padding:6px;border-radius:22px;background:rgba(247,250,255,.88)}.sidebar .brand,.sidebar .workspace,.sidebar .nav-label,.sidebar-bottom{display:none}#primaryNav{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-item{margin:0;padding:14px 15px;border-radius:16px;width:auto}.nav-item:nth-child(n+5){display:none}.nav-item .nav-icon svg{width:21px;height:21px}.workspace-main{padding-bottom:75px}.topbar{height:56px;border-radius:17px;padding:0 14px}.breadcrumb{font-size:10px;gap:8px}.breadcrumb>span:first-child{display:none}.breadcrumb>span:nth-child(2){display:none}.search-trigger kbd{display:none}.top-actions{gap:3px}.top-actions .avatar{display:none}.page-header{margin:26px 4px 22px;align-items:flex-start}h1{font-size:27px;letter-spacing:-1.1px}.eyebrow{font-size:8px;letter-spacing:1px}.subtitle{font-size:10px!important;max-width:250px}.header-actions{padding-top:22px}.header-actions .button.primary{font-size:0;padding:10px}.header-actions .button.primary svg{width:17px;height:17px}.stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:17px}.stat{padding:17px;min-height:131px}.stat-top{font-size:10px}.stat-top .stat-icon{display:grid}.stat-value{font-size:30px}.stat-foot{font-size:9px}.middle-grid,.bottom-grid{gap:17px;margin-bottom:17px}.card{border-radius:21px}.card-head{padding:21px 20px 0}.card-head h2{font-size:14px}.card-head p{font-size:9px}.segmented button{padding:5px 7px;font-size:8px}.activity-chart{height:132px}.chart-summary{padding-top:17px}.availability{min-height:240px}.availability-content{gap:35px;justify-content:center;padding:23px 20px}.availability .legend{font-size:10px}.table-card .card-head{padding-bottom:19px}.tabs-row{padding:0 20px;gap:19px;overflow:auto}.table-tab{font-size:10px}.table-scroll table{min-width:560px}.table-scroll.full-table table{min-width:850px}.toolbar{padding:18px;gap:7px}.inline-search input{min-width:80px;width:135px}.toolbar-right .button{font-size:0;padding:9px}.toolbar-right .button svg{width:15px;height:15px}.toolbar-right .button.primary{font-size:10px}.full-tabs{gap:23px}.full-tabs .table-tab{font-size:10px}.table-foot{padding:15px 18px}.fleet-grid{grid-template-columns:1fr}.section-toolbar{flex-wrap:wrap}.pill-toggle button{padding:7px 10px;font-size:10px}.story-hero{padding:27px}.story-hero h2{font-size:27px}.story-hero p{font-size:11px}.story-card{padding:25px}.dialog{padding:23px;border-radius:24px}.dialog h2{font-size:21px}.form-grid{gap:14px}.drawer{padding:23px;right:8px;top:8px;bottom:8px;max-width:calc(100vw - 16px)}.profile{display:none}.approval-summary{padding:21px;gap:14px}.approval-summary h2{font-size:14px}.approval-summary p{font-size:10px}.story-card p{font-size:11px}.search-dialog{padding:14px}.command-input input{font-size:14px}.header-actions .button.quiet{display:none}}