:root{--navy:#06133f;--blue:#155eef;--cyan:#05d9e8;--bg:#f3f6fb;--ink:#101828;--muted:#667085;--line:#e4e7ec;--white:#fff;--green:#12b76a;--warn:#f79009}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.demo-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.side{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#071744,#030c28);color:#fff;padding:25px 17px;display:flex;flex-direction:column}.demo-logo{color:#fff;text-decoration:none;display:flex;align-items:center;gap:11px;padding:0 9px}.demo-logo img{width:43px;height:43px;border-radius:13px;object-fit:cover}.demo-logo b{font-size:20px}.demo-label{margin:28px 10px 10px;color:#7790c6;font-size:9px;font-weight:900;letter-spacing:.14em}.side nav{display:grid;gap:5px}.side nav button{border:0;background:transparent;color:#9eafd4;border-radius:12px;padding:11px 13px;display:flex;align-items:center;gap:12px;font:700 13px inherit;text-align:left;cursor:pointer}.side nav button span{width:22px;text-align:center;font-size:17px}.side nav button:hover,.side nav button.active{background:linear-gradient(100deg,rgba(37,99,235,.3),rgba(5,217,232,.08));color:#fff}.demo-safe{margin-top:auto;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.04)}.demo-safe b,.demo-safe small{display:block}.demo-safe b{font-size:12px}.demo-safe small{font-size:10px;color:#91a5d0;margin-top:4px}.app{min-width:0}.appbar{height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;gap:16px;position:sticky;top:0;z-index:8}.appbar #menuBtn{display:none;border:0;background:#eef3ff;border-radius:10px;padding:8px}.appbar div small,.overline{color:#6f84ac;font-size:10px;font-weight:900;letter-spacing:.12em}.appbar h1{font-size:22px;margin:3px 0}.moto-pill{margin-left:auto!important;display:flex;align-items:center;gap:10px;background:#f7f9fd;padding:9px 14px;border:1px solid #e4e9f2;border-radius:14px}.moto-pill b,.moto-pill small{display:block}.moto-pill b{font-size:12px}.moto-pill small{font-size:10px;color:var(--muted);letter-spacing:0}.moto-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(5,217,232,.15)}.page{display:none;padding:30px;max-width:1500px;margin:auto}.page.active{display:block;animation:enter .28s ease}@keyframes enter{from{opacity:0;transform:translateY(5px)}}.hero-dashboard{min-height:190px;border-radius:26px;padding:32px 38px;background:radial-gradient(circle at 82% 20%,rgba(5,217,232,.22),transparent 25%),linear-gradient(125deg,#071744,#1248ad);color:#fff;display:flex;align-items:center;justify-content:space-between}.hero-dashboard h2{font-size:32px;letter-spacing:-.035em;margin:8px 0}.hero-dashboard p{color:#b8c9ed;margin:0}.health{position:relative;width:132px;height:132px}.health svg{width:100%;height:100%;transform:rotate(-90deg)}.health circle{fill:none;stroke:rgba(255,255,255,.12);stroke-width:9}.health .progress{stroke:var(--cyan);stroke-dasharray:307;stroke-dashoffset:25;stroke-linecap:round}.health div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.health strong{font-size:34px}.health small{font-size:9px;color:#b8c9ed}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0}.metric-row article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;display:flex;gap:12px}.metric-row small,.metric-row b,.metric-row em{display:block}.metric-row small{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em}.metric-row b{font-size:19px;margin-top:5px}.metric-row em{font-size:10px;color:#7b8496;font-style:normal}.metric-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:900;flex:0 0 auto}.blue{background:#eaf0ff;color:#155eef}.cyan{background:#e4fcff;color:#0797a2}.purple{background:#f2ebff;color:#7a42d1}.green{background:#e9fbf2;color:#12b76a}.dashboard-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:15px;margin-bottom:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head small{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.1em}.panel h3{margin:5px 0;font-size:20px}.tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf2ff;color:#3159a7;font-size:9px;font-weight:850}.tag.ok{background:#e9fbf2;color:#087a47}.tag.warn{background:#fff3e0;color:#b54708}.chart{height:145px;display:flex;align-items:flex-end;gap:18px;padding:18px 8px 21px;border-bottom:1px solid #e4e7ec}.chart div{height:var(--h);flex:1;min-width:15px;border-radius:6px 6px 2px 2px;background:linear-gradient(#a9bfff,#d7e1ff);position:relative}.chart .current{background:linear-gradient(#155eef,#6c91ff)}.chart i{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:8px;font-style:normal;color:#98a2b3}.timeline>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2f6}.timeline i{width:8px;height:8px;border-radius:50%;background:var(--green)}.timeline i.warn{background:var(--warn)}.timeline span{flex:1}.timeline b,.timeline small{display:block}.timeline b{font-size:12px}.timeline small{font-size:9px;color:var(--muted)}.timeline strong{font-size:11px}.activity>div{display:flex;gap:11px;padding:10px 0}.activity>div>span,.trip-icon{width:35px;height:35px;border-radius:10px;background:#eef3ff;color:#155eef;display:grid;place-items:center}.activity p{margin:0}.activity b,.activity small{display:block}.activity b{font-size:12px}.activity small{font-size:9px;color:var(--muted)}.insight{background:linear-gradient(130deg,#09205d,#155eef);color:#fff}.insight>small{color:#8deafa;font-weight:900}.insight p{color:#d8e3ff}.insight button{border:0;background:none;color:#fff;font-weight:800;padding:0;cursor:pointer}.page-intro{display:flex;justify-content:space-between;align-items:center;margin:3px 0 24px}.page-intro h2{font-size:32px;margin:6px 0}.page-intro p{margin:0;color:var(--muted)}button.primary,.primary{border:0;border-radius:12px;background:#155eef;color:#fff;padding:12px 16px;font-weight:850;cursor:pointer;box-shadow:0 8px 20px rgba(21,94,239,.2)}.cards-list{display:grid;gap:12px}.cards-list article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;display:flex;align-items:center;gap:18px}.cards-list article>div:nth-child(2){flex:1}.cards-list small{font-size:9px;color:var(--muted);font-weight:900;letter-spacing:.08em}.cards-list h3{margin:4px 0}.cards-list p{margin:0;color:var(--muted);font-size:12px}.status-ring{width:58px;height:58px;border-radius:50%;border:6px solid #8de0bb;display:grid;place-items:center;font-size:11px;font-weight:900;color:#087a47}.status-ring.warning{border-color:#ffd17a;color:#b54708}.security-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.security-map{height:470px;border-radius:22px;position:relative;overflow:hidden;background:#dce8ee}.map-grid{position:absolute;inset:-40px;background:linear-gradient(35deg,transparent 45%,#fff 46%,#fff 51%,transparent 52%),linear-gradient(120deg,transparent 45%,#fff 46%,#fff 50%,transparent 51%);background-size:170px 170px;opacity:.8}.pin{position:absolute;left:55%;top:43%;width:48px;height:48px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#155eef;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 25px rgba(21,94,239,.35)}.pin::first-letter{transform:rotate(45deg)}.map-card{position:absolute;left:20px;right:20px;bottom:20px;padding:16px;background:rgba(255,255,255,.95);border-radius:15px;box-shadow:0 12px 30px rgba(16,24,40,.15)}.map-card small,.map-card b,.map-card span{display:block}.map-card small{font-size:9px;color:var(--muted);font-weight:900}.map-card span{font-size:10px;color:var(--muted)}.security-actions{display:grid;gap:10px}.safe-button{border:1px solid var(--line);background:#fff;border-radius:17px;padding:17px;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer}.safe-button i{width:40px;height:40px;border-radius:12px;background:#edf2ff;display:grid;place-items:center;color:#155eef}.safe-button span{flex:1}.safe-button b,.safe-button small{display:block}.safe-button b{font-size:12px}.safe-button small{font-size:9px;color:var(--muted)}.safe-button em{font-style:normal;font-size:10px;color:#087a47;font-weight:850}.panic{border:0;border-radius:17px;background:#b42318;color:#fff;padding:20px;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer}.panic i{font-size:28px}.panic b,.panic small{display:block}.panic small{color:#ffc9c5}.finance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.finance-summary article{padding:21px;background:#fff;border:1px solid var(--line);border-radius:17px}.finance-summary small,.finance-summary b,.finance-summary span{display:block}.finance-summary small{color:var(--muted);font-size:9px;font-weight:900}.finance-summary b{font-size:23px;margin:7px 0}.finance-summary span{font-size:10px;color:#087a47}.table-panel{overflow:auto}.table-panel button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px}.table-panel table{width:100%;border-collapse:collapse;margin-top:15px;min-width:650px}.table-panel th,.table-panel td{text-align:left;padding:13px;border-bottom:1px solid #edf0f4;font-size:12px}.table-panel th{font-size:9px;color:var(--muted)}.trip-hero{display:grid;grid-template-columns:100px 1fr 150px 150px;align-items:center;gap:20px;background:linear-gradient(120deg,#071744,#155eef);color:#fff;border-radius:22px;padding:27px}.route{display:flex;align-items:center}.route i{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#155eef;font-style:normal}.route span{height:2px;background:#5ee4ef;width:35px}.trip-hero small,.trip-hero b{display:block}.trip-hero p{color:#c7d5f2}.trip-hero>div:nth-last-child(-n+2){border-left:1px solid rgba(255,255,255,.15);padding-left:20px}.compact{margin-top:15px}.compact strong{margin-left:auto}.vault-banner{display:flex;align-items:center;gap:15px;background:linear-gradient(120deg,#071744,#155eef);color:#fff;padding:25px;border-radius:20px;margin-bottom:15px}.vault-banner>span{font-size:30px}.vault-banner div:nth-child(2){flex:1}.vault-banner b,.vault-banner small{display:block}.vault-bar{width:180px;height:7px;border-radius:10px;background:rgba(255,255,255,.15)}.vault-bar i{display:block;width:6%;height:100%;background:var(--cyan);border-radius:10px}.document-grid,.parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.document-grid article,.parts-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.document-grid>article>span{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#eef3ff;color:#155eef;font-size:10px;font-weight:900}.document-grid p,.parts-grid p{color:var(--muted);font-size:11px}.document-grid button,.parts-grid button{border:0;background:none;color:#155eef;font-weight:850;padding:0}.parts-grid .verified,.parts-grid .review{font-size:9px;border-radius:99px;padding:5px 8px;background:#e9fbf2;color:#087a47;font-weight:900}.parts-grid .review{background:#fff3e0;color:#b54708}.parts-grid>article>small{display:block;margin-top:18px;color:var(--muted);font-weight:900}.parts-grid a{font-size:11px;color:#155eef;font-weight:800}.notice-demo{padding:15px 17px;background:#edf3ff;border:1px solid #c9d8ff;border-radius:13px;margin:15px 0;color:#344054;font-size:12px}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.profile-form label{display:grid;gap:6px;font-size:11px;font-weight:850}.profile-form input{padding:12px;border:1px solid #d0d5dd;border-radius:10px;font:inherit}.profile-form button{grid-column:1/-1}.toast{position:fixed;right:22px;bottom:22px;background:#101828;color:#fff;border-radius:13px;padding:14px 18px;box-shadow:0 14px 40px rgba(0,0,0,.25);font-size:12px;transform:translateY(100px);opacity:0;transition:.25s;z-index:30}.toast.show{transform:none;opacity:1}@media(max-width:1100px){.metric-row,.finance-summary{grid-template-columns:1fr 1fr}.dashboard-grid,.security-grid{grid-template-columns:1fr}.document-grid,.parts-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.demo-shell{display:block}.side{position:fixed;z-index:20;width:260px;transform:translateX(-100%);transition:.25s}.side.open{transform:none}.appbar{height:76px;padding:0 15px}.appbar #menuBtn{display:block}.moto-pill{padding:7px 9px}.page{padding:18px 13px}.hero-dashboard{padding:24px;min-height:220px}.hero-dashboard h2{font-size:25px}.health{width:100px;height:100px}.metric-row,.finance-summary{grid-template-columns:1fr 1fr}.metric-row article{padding:13px}.dashboard-grid,.document-grid,.parts-grid{grid-template-columns:1fr}.page-intro{align-items:flex-start;gap:15px}.page-intro h2{font-size:25px}.trip-hero{grid-template-columns:1fr 1fr}.trip-hero .route{display:none}.profile-form{grid-template-columns:1fr}.moto-pill small{display:none}}@media(max-width:440px){.metric-row,.finance-summary{grid-template-columns:1fr}.hero-dashboard{align-items:flex-start}.health{width:85px;height:85px}.hero-dashboard h2{font-size:21px}.trip-hero{grid-template-columns:1fr}.trip-hero>div:nth-last-child(-n+2){border:0;padding:0}.vault-bar{display:none}}