:root{--navy:#071426;--navy2:#0c213b;--navy3:#12345b;--ink:#101828;--muted:#667085;--line:#e4e9f2;--bg:#f4f7fb;--white:#fff;--good:#087a55;--warn:#a15c00;--bad:#b42318;--shadow:0 14px 40px rgba(7,20,38,.12);--radius:18px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{height:100vh;display:grid;place-content:center;text-align:center;gap:12px}.brand-mark{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;margin:auto;background:var(--navy);color:#fff;font-size:26px;font-weight:900}.landing{min-height:100vh;background:linear-gradient(135deg,#061221 0%,#0b2646 60%,#12345b 100%);color:#fff}.landing-top{max-width:1200px;margin:auto;padding:26px 24px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:22px}.brand .logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--navy)}.hero{max-width:1200px;margin:auto;padding:70px 24px 90px;display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}.hero h1{font-size:clamp(44px,7vw,80px);line-height:.96;margin:0 0 22px;letter-spacing:-3px}.hero p{font-size:18px;line-height:1.7;color:#d7e4f5;max-width:700px}.hero-card{background:#fff;color:var(--ink);border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-item{border:1px solid var(--line);border-radius:16px;padding:16px}.quick-item b{display:block;margin-bottom:6px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{padding:64px;background:linear-gradient(145deg,#061221,#0d2c50);color:#fff;display:flex;flex-direction:column;justify-content:center}.login-art h1{font-size:58px;margin:0 0 14px}.login-art p{max-width:560px;color:#d6e3f3;line-height:1.7}.login-panel{display:grid;place-items:center;padding:32px}.auth-card{width:min(460px,100%);background:#fff;padding:34px;border-radius:24px;box-shadow:var(--shadow)}.auth-card h2{font-size:28px;margin:0 0 6px}.muted{color:var(--muted)}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:1fr 1fr}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:800;color:#344054}.input,.select,.textarea{width:100%;border:1px solid #d8dee9;border-radius:12px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}.textarea{min-height:92px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#557ca8;box-shadow:0 0 0 4px rgba(18,52,91,.1)}.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:800;transition:.18s}.btn.primary{background:var(--navy);color:#fff}.btn.primary:hover{background:var(--navy2)}.btn.secondary{background:#eaf0f7;color:var(--navy)}.btn.ghost{background:transparent;color:var(--navy);border:1px solid var(--line)}.btn.danger{background:#fff0ef;color:var(--bad)}.btn.good{background:#e9f8f1;color:var(--good)}.btn.sm{padding:7px 10px;font-size:12px;border-radius:9px}.link-btn{background:none;border:0;padding:0;color:#244f80;font-weight:800}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 8px 24px}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;color:#c8d8eb;text-align:left;padding:12px 14px;border-radius:12px;font-weight:750}.nav button:hover,.nav button.active{background:#15395f;color:#fff}.side-bottom{position:absolute;bottom:20px;left:18px;right:18px}.main{min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:4}.topbar h2{font-size:20px;margin:0}.content{padding:28px;max-width:1500px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head h1{font-size:30px;margin:0 0 6px;letter-spacing:-.7px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.stat .value{font-size:30px;font-weight:900;margin-top:8px}.stat .label{font-size:13px;color:var(--muted);font-weight:700}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-top:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.panel h3{margin:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:top}th{background:#f8fafc;color:#475467;font-size:11px;text-transform:uppercase;letter-spacing:.5px}tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eef2f6;color:#344054;font-size:11px;font-weight:850}.badge.good{background:#e9f8f1;color:var(--good)}.badge.warn{background:#fff5e7;color:var(--warn)}.badge.bad{background:#fff0ef;color:var(--bad)}.badge.navy{background:#e8eff8;color:var(--navy3)}.order-card{border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:12px}.order-card .route{display:grid;grid-template-columns:20px 1fr;gap:8px}.route-dot{width:10px;height:10px;border-radius:50%;background:var(--navy);margin-top:5px}.route-dot.dest{background:#5b7fa7}.list{display:grid;gap:12px}.kv{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line)}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--muted);font-size:13px}.amount{font-weight:900}.empty{padding:40px;text-align:center;color:var(--muted)}.modal{border:0;padding:0;background:transparent;width:min(760px,calc(100% - 24px));max-height:90vh}.modal::backdrop,.date-dialog::backdrop{background:rgba(4,13,25,.58);backdrop-filter:blur(3px)}.modal-box{background:#fff;border-radius:22px;padding:22px;box-shadow:var(--shadow);max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.modal-head h3{margin:0;font-size:22px}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff;font-weight:900}.modal-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.grow{flex:1}.toast{position:fixed;right:24px;bottom:24px;background:#0d1b2d;color:#fff;padding:13px 16px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:none}.toast.bad{background:#8f1d16}.notice{padding:13px 15px;border-radius:12px;background:#edf4fb;color:#244f80;font-size:13px;line-height:1.55}.notice.warn{background:#fff7e8;color:#835200}.actions{display:flex;gap:8px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.date-dialog{border:0;border-radius:20px;padding:18px;width:min(390px,calc(100% - 24px));background:#fff}.date-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.date-selects{display:flex;gap:8px}.date-selects select{border:1px solid var(--line);border-radius:10px;padding:8px}.weekdays,.date-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:12px}.weekdays span{text-align:center;font-size:11px;color:var(--muted);font-weight:800}.date-days button{aspect-ratio:1;border:0;border-radius:9px;background:#f5f7fa}.date-days button.active{background:var(--navy);color:#fff}.time-row{display:flex;justify-content:center;align-items:end;gap:10px;margin-top:14px}.time-row label{display:grid;gap:4px;font-size:11px;color:var(--muted)}.time-row select{padding:8px;border:1px solid var(--line);border-radius:10px}.mobile-nav{display:none}.version{font-size:11px;color:#8194aa;padding:12px 8px}.big-price{font-size:34px;font-weight:950}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.service-card h4{margin:0 0 6px}.service-card .price{font-size:20px;font-weight:900;margin-top:10px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:#fff;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800}.pill.active{background:var(--navy);color:#fff;border-color:var(--navy)}@media(max-width:1000px){.hero{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-art{display:none}.cards{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:20;overflow:auto}.mobile-nav button{flex:1;min-width:85px;border:0;background:#fff;padding:11px 7px;font-size:10px;font-weight:800;color:#667085}.mobile-nav button.active{color:var(--navy);background:#edf3f9}.content{padding:20px 16px 90px}.topbar{padding:0 16px}.split{grid-template-columns:1fr}}@media(max-width:640px){.landing-top{padding:20px}.hero{padding:42px 20px 70px}.hero h1{font-size:48px;letter-spacing:-2px}.quick-grid,.form-grid.two,.cards,.service-grid{grid-template-columns:1fr}.auth-card{padding:24px}.page-head{align-items:start;flex-direction:column}.topbar{height:64px}.topbar h2{font-size:17px}.content{padding-top:18px}.kv{grid-template-columns:110px 1fr}.modal-box{padding:18px}.btn{padding:10px 13px}}