:root{
  --primary:#6f4af6;--primary2:#8b63ff;--dark:#070817;--muted:#687083;--soft:#f7f3ff;--line:#eeeaf8;--green:#28c76f;--blue:#64b5ff;--orange:#ffb54b;--radius:28px;--shadow:0 24px 70px rgba(23,16,64,.10);--shadow2:0 15px 38px rgba(25,16,70,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dark);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section-pad{padding:54px 0}.page-glow{position:absolute;pointer-events:none;filter:blur(30px);z-index:-1}.glow-one{width:560px;height:560px;background:radial-gradient(circle,rgba(124,83,255,.12),transparent 64%);top:80px;left:50%;transform:translateX(-50%)}.glow-two{width:900px;height:480px;background:radial-gradient(circle,rgba(128,84,255,.10),transparent 66%);top:900px;left:50%;transform:translateX(-50%)}
.site-header{height:86px;width:min(1370px,calc(100% - 64px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:22px}.brand-mark{width:34px;height:34px;display:grid;place-items:center}.brand-mark svg{width:34px;height:34px;fill:var(--primary)}.main-nav{display:flex;align-items:center;gap:58px;margin-left:80px;font-weight:700;font-size:12px}.main-nav a{transition:.2s}.main-nav a:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:18px}.btn{height:44px;padding:0 25px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;border:1px solid transparent;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),#7f53ff);color:#fff;box-shadow:0 12px 24px rgba(111,74,246,.24)}.btn-ghost{background:#fff;border-color:#eceaf2;color:#111}.btn-light{background:#fff;border-color:#e6e4ec;color:#111}.btn-large{height:52px;padding:0 34px;font-size:13px}.menu-btn{display:none;border:0;background:#fff;gap:4px;flex-direction:column}.menu-btn span{width:22px;height:2px;background:var(--dark);display:block;border-radius:4px}
.hero{padding-top:48px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#f3edff;color:var(--primary);border-radius:999px;padding:7px 14px;font-weight:800;font-size:12px}.eyebrow span{width:10px;height:10px;background:var(--primary);border-radius:50%}.eyebrow.center{display:flex;width:max-content;margin:0 auto}.hero h1{font-size:59px;line-height:1.08;letter-spacing:-.058em;margin:25px 0 19px;font-weight:900}.hero h1 span{background:linear-gradient(120deg,#6b4cf6,#955cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{max-width:640px;margin:0 auto;color:#303345;font-size:16px;line-height:1.6;font-weight:500}.hero-buttons{margin-top:28px;display:flex;justify-content:center;gap:16px}.hero-checks{margin-top:42px;display:flex;justify-content:center;gap:68px;font-size:13px;font-weight:700;color:#202235}.hero-checks div{display:flex;align-items:center;gap:10px}.hero-checks i{width:18px;height:18px;background:var(--primary);color:#fff;border-radius:50%;font-size:12px;display:grid;place-items:center;font-style:normal}
.hero-visual{height:620px;position:relative;margin-top:38px}.connector{position:absolute;width:430px;height:310px;top:92px;z-index:0}.connector-left{left:238px}.connector-right{right:238px}.phone{background:#07070c;border:7px solid #0b0c13;border-radius:48px;box-shadow:0 36px 70px rgba(10,8,30,.22);position:relative;overflow:hidden}.phone:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.25);border-radius:38px;pointer-events:none}.phone-main{width:284px;height:520px;margin:0 auto;z-index:2}.notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:88px;height:25px;background:#05050a;border-radius:0 0 16px 16px;z-index:4}.phone-status{position:absolute;top:15px;left:24px;right:24px;display:flex;justify-content:space-between;color:#101220;font-weight:800;font-size:10px;z-index:3}.phone-screen{position:absolute;inset:8px;background:linear-gradient(#faf9ff,#fff);border-radius:36px;padding:45px 16px 16px;text-align:left}.phone-screen h3{font-size:18px;margin:0 0 20px}.route-box,.progress-box{background:#fff;border-radius:14px;padding:15px;box-shadow:0 10px 28px rgba(15,16,40,.08)}.route-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#717789}.route-top b{background:#dff7e9;color:#189b55;border-radius:999px;padding:4px 8px;font-size:8px}.route-box>strong{font-size:12px;display:block;margin-top:7px}.route-box hr{border:0;border-top:1px solid #ececf4;margin:14px 0}.muted,.route-box p,.route-metrics span,.progress-box span{color:#6f7585;font-size:10px}.route-box h4{font-size:14px;margin:5px 0 7px}.route-metrics{display:flex;justify-content:space-between;margin:14px 0}.route-metrics strong{font-size:18px}.route-metrics div{display:flex;flex-direction:column}.route-box button{width:100%;height:42px;border:0;border-radius:9px;background:var(--primary);color:white;font-weight:800}.progress-box{margin-top:14px}.progress-box>div{display:flex;justify-content:space-between;align-items:center;font-size:10px}.bar{height:7px;background:#eeeafa;border-radius:99px;margin:10px 0}.bar i{display:block;width:73%;height:100%;background:var(--primary);border-radius:99px}.stat-card{position:absolute;z-index:2;background:#fff;border-radius:22px;padding:24px 28px;display:flex;align-items:center;gap:22px;box-shadow:var(--shadow);min-width:218px;text-align:left}.stat-a{left:130px;top:42px}.stat-b{left:130px;top:300px}.stat-c{right:128px;top:86px}.stat-d{right:128px;top:320px}.stat-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:25px;font-weight:800}.purple{background:var(--primary)}.orange{background:var(--orange)}.green{background:var(--green)}.blue{background:var(--blue)}.stat-card p{margin:0 0 7px;color:#7a8090;font-size:12px;font-weight:600}.stat-card strong{display:block;font-size:29px;letter-spacing:-.04em}.stat-card span{color:#17b765;font-size:11px;font-weight:800}.stat-card em{display:block;font-style:normal;color:#566071;font-size:11px;margin:3px 0 9px}
.trusted{text-align:center;margin-top:-10px}.trusted p{font-size:12px;font-weight:700;color:#343849}.logo-row{display:flex;justify-content:center;gap:78px;margin-top:25px;color:#8a8f98;font-size:18px;font-weight:800}.how h2,.tools h2,.driver h2{font-size:42px;line-height:1.05;letter-spacing:-.05em;text-align:center;margin:18px 0 52px;font-weight:900}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative}.steps:before{content:"";position:absolute;top:47px;left:17%;right:17%;border-top:2px dashed #d8ccff}.step{text-align:center;position:relative}.step-icon{width:76px;height:76px;margin:0 auto 28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f6f0ff,#fff);color:var(--primary);font-size:30px;box-shadow:0 20px 40px rgba(111,74,246,.09)}.step b{width:24px;height:24px;border-radius:50%;background:#eee7ff;color:var(--primary);display:grid;place-items:center;margin:0 auto 16px;font-size:13px}.step h3{font-size:16px;margin:0 0 9px}.step p{font-size:12px;color:#707687;line-height:1.5;max-width:170px;margin:0 auto}.tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.tool-grid article{background:#fff;border:1px solid #f0edf7;border-radius:18px;padding:28px 22px;box-shadow:0 15px 42px rgba(20,16,50,.06);min-height:172px}.tool-grid i{width:54px;height:54px;display:grid;place-items:center;border-radius:13px;background:#f0eaff;color:var(--primary);font-size:27px;font-style:normal}.tool-grid h3{font-size:16px;margin:24px 0 10px}.tool-grid p{font-size:12px;line-height:1.5;color:#697183;margin:0}.driver-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.phones-pair{height:500px;position:relative}.phone.small{width:226px;height:418px;position:absolute;top:45px}.tilted{left:105px;transform:rotate(-6deg);z-index:2}.map-phone{left:300px;transform:rotate(2deg);z-index:1}.mini-screen,.map-screen{position:absolute;inset:8px;border-radius:30px;background:#fff;padding:38px 13px 12px;overflow:hidden}.mini-screen h4{margin:0 0 12px}.route-box.mini{padding:12px}.route-box.mini h4{font-size:12px}.mini-list p{font-size:11px;background:#fff;border-radius:10px;padding:10px;box-shadow:0 6px 20px rgba(0,0,0,.05)}.mini-list b{float:right;color:#19a861}.map-screen{background:linear-gradient(120deg,#eef8f0,#fff)}.map-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:34px 34px}.road{position:absolute;width:90px;height:290px;border:5px solid var(--primary);border-left:0;border-bottom:0;border-radius:0 90px 0 0;left:68px;top:65px;transform:rotate(25deg)}.map-screen span{position:absolute;width:16px;height:16px;background:var(--green);border-radius:50%;box-shadow:0 0 0 6px rgba(40,199,111,.16)}.map-screen span:nth-child(2){left:56px;top:105px}.map-screen span:nth-child(3){left:152px;top:258px}.map-screen span:nth-child(4){left:115px;top:330px}.driver-content{text-align:left}.driver-content h2{text-align:left;margin:18px 0 25px}.driver-content ul{list-style:none;padding:0;margin:0 0 30px}.driver-content li{font-size:15px;font-weight:700;margin:14px 0;display:flex;gap:10px}.driver-content li:before{content:"✓";width:18px;height:18px;background:#efe9ff;color:var(--primary);border-radius:50%;display:grid;place-items:center;font-size:11px}.store-row{display:flex;gap:16px}.store-row a,.store-col a{background:#050505;color:white;border-radius:7px;padding:9px 16px;line-height:1.05;font-size:10px;min-width:142px}.store-row b{font-size:20px}.cta{margin-top:34px;margin-bottom:75px;background:linear-gradient(100deg,#f3edff,#fbfaff);border-radius:28px;padding:32px 48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px}.cta-icon{width:56px;height:56px;background:#fff;border-radius:50%;display:grid;place-items:center;color:var(--primary);font-size:24px}.cta h3{font-size:24px;margin:0 0 7px}.cta p{margin:0;color:#666e80;font-size:13px}.footer{padding:20px 0 45px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;gap:60px}.footer p{color:#687083;font-size:13px;line-height:1.6}.footer h4{font-size:13px;margin:0 0 20px}.footer a:not(.brand){display:block;color:#22283a;font-size:12px;margin:13px 0;font-weight:600}.social{display:flex;gap:14px;margin-top:28px}.social span{width:32px;height:32px;border-radius:50%;background:#f1f2f6;display:grid;place-items:center;color:#7a7f8c;font-size:12px}.store-col a{display:block;width:150px;text-align:center;margin-bottom:10px!important}.copyright{text-align:center;margin-top:55px!important;font-size:11px!important}
@media(max-width:1050px){.main-nav{gap:28px;margin-left:20px}.hero h1{font-size:48px}.hero-checks{gap:25px}.stat-a,.stat-b{left:0}.stat-c,.stat-d{right:0}.connector-left{left:140px}.connector-right{right:140px}.tool-grid{grid-template-columns:repeat(3,1fr)}.driver-grid{grid-template-columns:1fr}.driver-content{text-align:center}.driver-content h2{text-align:center}.phones-pair{max-width:560px;margin:auto}}
@media(max-width:760px){.site-header{width:calc(100% - 28px);height:72px}.main-nav{position:fixed;top:72px;left:14px;right:14px;background:#fff;border:1px solid #eee;border-radius:22px;box-shadow:var(--shadow2);padding:22px;display:none;flex-direction:column;gap:18px;z-index:10}.main-nav.open{display:flex}.header-actions .btn{display:none}.menu-btn{display:flex}.hero{padding-top:25px}.hero h1{font-size:39px}.hero-sub{font-size:14px}.hero-buttons,.hero-checks{flex-wrap:wrap}.hero-checks{gap:16px;align-items:center}.hero-visual{height:auto;padding-top:10px;display:flex;flex-direction:column;gap:16px}.phone-main{order:1}.stat-card{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%;order:2}.connector{display:none}.logo-row{flex-wrap:wrap;gap:22px;font-size:15px}.steps,.tool-grid{grid-template-columns:1fr}.steps:before{display:none}.driver-grid{gap:20px}.phones-pair{height:390px;transform:scale(.78);transform-origin:top center;margin-bottom:-70px}.tilted{left:35px}.map-phone{left:210px}.cta{grid-template-columns:1fr;text-align:center;padding:28px}.cta-icon{margin:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.container{width:min(100% - 28px,1180px)}}
@media(max-width:480px){.brand{font-size:19px}.hero h1{font-size:33px}.hero-buttons{flex-direction:column}.btn-large{width:100%}.phone-main{width:260px;height:500px}.stat-card{padding:20px}.stat-card strong{font-size:24px}.phones-pair{transform:scale(.63);margin-left:-50px}.footer-grid{grid-template-columns:1fr}.how h2,.tools h2,.driver h2{font-size:32px}.store-row{justify-content:center;flex-wrap:wrap}}

/* Login page - same DailyFuel landing UI */
body[data-page="login"]{min-height:100vh;background:radial-gradient(circle at 50% 8%,rgba(111,74,246,.075),transparent 36%),#fff}.login-bg-glow{position:fixed;pointer-events:none;z-index:-1;filter:blur(34px)}body[data-page="login"] .glow-one{width:720px;height:720px;background:radial-gradient(circle,rgba(120,79,255,.14),transparent 64%);top:70px;left:50%;transform:translateX(-50%)}body[data-page="login"] .glow-two{width:520px;height:520px;background:radial-gradient(circle,rgba(100,181,255,.10),transparent 64%);right:-120px;bottom:-120px}.login-header{position:relative;z-index:5}.login-page{padding:42px 0 82px}.login-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}.login-visual-card,.auth-card{background:rgba(255,255,255,.78);border:1px solid rgba(238,234,248,.9);border-radius:34px;box-shadow:0 24px 80px rgba(23,16,64,.09);backdrop-filter:blur(16px)}.login-visual-card{position:relative;overflow:hidden;min-height:720px;padding:52px 54px 0;text-align:left}.login-visual-card:before{content:"";position:absolute;width:660px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(111,74,246,.11),transparent 70%);left:50%;bottom:40px;transform:translateX(-50%);z-index:0}.login-visual-card>*{position:relative;z-index:1}.login-visual-card h1{font-size:54px;line-height:1.04;letter-spacing:-.058em;margin:24px 0 18px;font-weight:900}.login-visual-card h1 span{background:linear-gradient(120deg,#6b4cf6,#955cff);-webkit-background-clip:text;background-clip:text;color:transparent}.login-visual-card p{max-width:570px;color:#555d70;font-size:16px;line-height:1.65;margin:0}.login-phone-wrap{position:relative;height:470px;margin-top:26px}.phone-login{width:250px;height:455px;margin:0 auto}.phone-login .phone-screen{padding-top:45px}.login-mini-stat{display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:14px;margin-bottom:13px;box-shadow:0 10px 28px rgba(15,16,40,.08)}.login-mini-stat .stat-icon{width:44px;height:44px;font-size:20px}.login-mini-stat small,.login-float-card small{display:block;color:#7a8090;font-size:11px;font-weight:700}.login-mini-stat strong,.login-float-card strong{display:block;font-size:23px;letter-spacing:-.04em}.login-float-card{position:absolute;background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(23,16,64,.11);padding:20px 22px;display:flex;gap:15px;align-items:center;min-width:205px}.login-float-card .stat-icon{width:48px;height:48px;font-size:21px}.login-float-card em{display:block;font-style:normal;color:#19aa5d;font-size:11px;font-weight:800;margin-top:5px}.float-left{left:0;top:125px}.float-right{right:0;top:205px}.auth-card{padding:34px}.auth-heading{text-align:center;margin-bottom:24px}.auth-heading .eyebrow{margin:0 auto 16px}.auth-heading h2{font-size:36px;line-height:1.05;letter-spacing:-.05em;margin:0 0 10px;font-weight:900}.auth-heading p{margin:0;color:#697183;font-size:14px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f5f1ff;border-radius:999px;padding:5px;margin-bottom:22px}.auth-tab{height:44px;border:0;border-radius:999px;background:transparent;color:#6b617f;font-weight:900;cursor:pointer}.auth-tab.active{background:#fff;color:var(--primary);box-shadow:0 10px 25px rgba(111,74,246,.12)}.auth-error{border-radius:16px;background:#fff0f2;color:#c72c41;padding:12px 14px;font-size:13px;font-weight:800;margin-bottom:18px}.auth-form{display:grid;gap:16px}.field{display:grid;gap:8px}.field label,.label-row{font-size:12px;font-weight:900;color:#171827}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row a{color:var(--primary)}.field input{width:100%;height:52px;border:1px solid #ebe8f4;border-radius:15px;background:#fff;padding:0 16px;font:inherit;font-size:14px;font-weight:700;outline:none;transition:.2s;box-shadow:0 10px 28px rgba(15,16,40,.035)}.field input:focus{border-color:rgba(111,74,246,.55);box-shadow:0 0 0 4px rgba(111,74,246,.10)}.auth-submit{width:100%;height:54px;margin-top:4px;font-size:14px}.auth-note{text-align:center;color:#737a8b;font-size:12px;font-weight:700;margin:2px 0 0}.is-hidden{display:none!important}@media(max-width:1050px){.login-shell{grid-template-columns:1fr}.login-visual-card{min-height:auto;padding-bottom:0}.login-phone-wrap{max-width:620px;margin-inline:auto}.auth-card{max-width:620px;margin:0 auto;width:100%}}@media(max-width:760px){.login-page{padding:24px 0 48px}.login-shell{gap:20px}.login-visual-card,.auth-card{border-radius:26px}.login-visual-card{padding:30px 24px 0}.login-visual-card h1{font-size:38px}.login-phone-wrap{height:auto;padding-bottom:20px;display:grid;gap:14px}.phone-login{width:238px;height:430px}.login-float-card{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%}.auth-card{padding:24px}.auth-heading h2{font-size:30px}}@media(max-width:480px){.login-visual-card h1{font-size:33px}.auth-tabs{border-radius:18px}.auth-tab{height:42px}.field input{height:50px}.phone-login{width:222px;height:410px}.login-phone-wrap{margin-top:20px}}

/* Register form polish */
.register-form{gap:14px}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.register-note{margin:0;text-align:left;background:linear-gradient(135deg,#f7f3ff,#fff);border:1px solid #eee8ff;border-radius:16px;padding:12px 14px;color:#6b617f}.register-form .auth-submit{margin-top:0}@media(max-width:560px){.register-grid{grid-template-columns:1fr}.register-form{gap:13px}}

/* DailyFuel app workspace redesign */
body:not([data-public="true"]){background:radial-gradient(circle at 76% -10%,rgba(111,74,246,.12),transparent 34%),radial-gradient(circle at 8% 10%,rgba(100,181,255,.10),transparent 30%),#fbfaff;color:var(--dark)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:292px minmax(0,1fr);gap:0}.sidebar{padding:22px;position:sticky;top:0;height:100vh}.sidebar-panel{height:100%;border:1px solid rgba(238,234,248,.9);background:rgba(255,255,255,.82);box-shadow:0 24px 80px rgba(23,16,64,.08);border-radius:30px;padding:20px;display:flex;flex-direction:column;backdrop-filter:blur(18px)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.brand-row{display:flex;align-items:center;gap:12px}.brand-row .brand-mark{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--primary),#8b63ff);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:950;box-shadow:0 12px 30px rgba(111,74,246,.22)}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:17px}.subtle{color:#747b8d;font-size:12px;font-weight:650}.menu-list{display:grid;gap:8px}.menu-link{height:48px;border-radius:16px;display:flex;align-items:center;gap:12px;padding:0 15px;color:#41465a;font-size:14px;font-weight:850;transition:.2s}.menu-link:before{content:"";width:9px;height:9px;border-radius:50%;background:#ddd6f2;transition:.2s}.menu-link:hover{background:#f7f3ff;color:var(--primary)}.menu-link.active{background:linear-gradient(135deg,#f0eaff,#fff);color:var(--primary);box-shadow:0 12px 30px rgba(111,74,246,.10)}.menu-link.active:before{background:var(--primary);box-shadow:0 0 0 5px rgba(111,74,246,.10)}.sidebar-user{margin-top:auto;background:linear-gradient(135deg,#f8f5ff,#fff);border:1px solid #eee8ff;border-radius:22px;padding:14px;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center}.sidebar-user-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:900}.sidebar-user-copy{min-width:0}.sidebar-user-copy strong,.sidebar-user-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-action{grid-column:1/-1;border:0;background:#fff;color:#6f4af6;border-radius:999px;height:36px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(23,16,64,.06)}.main{padding:30px 34px 92px;min-width:0}.page-intro,.dashboard-welcome-card{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(250,247,255,.92));border:1px solid rgba(238,234,248,.95);box-shadow:0 24px 80px rgba(23,16,64,.08);padding:34px 38px;margin-bottom:22px}.page-intro:after,.dashboard-welcome-card:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;top:-160px;background:radial-gradient(circle,rgba(111,74,246,.14),transparent 65%)}.page-intro h1,.dashboard-welcome-card h2{font-size:40px;line-height:1.06;letter-spacing:-.055em;margin:14px 0 12px;max-width:760px}.page-intro p,.dashboard-welcome-card p{margin:0;color:#626b7d;line-height:1.65;max-width:760px;font-size:15px}.split-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:20px}.panel,.table-shell,.list-grid>.panel{background:rgba(255,255,255,.86);border:1px solid rgba(238,234,248,.95);border-radius:28px;box-shadow:0 20px 60px rgba(23,16,64,.07);padding:24px;backdrop-filter:blur(14px)}.panel h3,.table-shell h3{margin:0 0 18px;font-size:20px;letter-spacing:-.03em}.panel h4{margin:18px 0 12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field.full{grid-column:1/-1}.field select,.field textarea,.field input{width:100%;border:1px solid #ebe8f4;border-radius:15px;background:#fff;padding:0 15px;font:inherit;font-size:14px;font-weight:750;outline:none;transition:.2s;box-shadow:0 10px 28px rgba(15,16,40,.035)}.field select,.field input{height:52px}.field textarea{min-height:158px;padding:14px 15px;resize:vertical}.field select:focus,.field textarea:focus,.field input:focus{border-color:rgba(111,74,246,.55);box-shadow:0 0 0 4px rgba(111,74,246,.10)}.button,.button-soft,.button-ghost{border:0;border-radius:999px;height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;cursor:pointer}.button{background:linear-gradient(135deg,var(--primary),#8b63ff);color:#fff;box-shadow:0 12px 28px rgba(111,74,246,.22)}.button-soft{background:#f1eaff;color:var(--primary)}.button-ghost{background:#fff;color:#111;border:1px solid #ebe8f4}.page-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.table-meta{font-size:12px;color:#747b8d}.table-shell table{width:100%;border-collapse:separate;border-spacing:0 10px}.table-shell th{text-align:left;font-size:11px;text-transform:uppercase;color:#8a90a2;letter-spacing:.06em;padding:0 12px}.table-shell td{background:#fff;padding:14px 12px;border-top:1px solid #f0edf7;border-bottom:1px solid #f0edf7;font-size:13px;font-weight:700}.table-shell td:first-child{border-left:1px solid #f0edf7;border-radius:15px 0 0 15px}.table-shell td:last-child{border-right:1px solid #f0edf7;border-radius:0 15px 15px 0}.list-grid{display:grid;gap:16px}.empty-state{text-align:center;padding:54px 20px}.empty-state h3{font-size:24px;margin:0 0 10px}.empty-state p{color:#687083;max-width:520px;margin:0 auto;line-height:1.6}.bottom-nav{display:none}.mobile-menu-close,.sidebar-toggle{display:none}.app-overlay{display:none}.dashboard-frame{max-width:1180px;margin:0 auto}.dashboard-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dashboard-page-head h1{font-size:36px;letter-spacing:-.05em;margin:0}.dashboard-divider{height:1px;background:#eee8ff;margin-bottom:22px}.dashboard-note{margin-top:20px;border-radius:18px;background:#fff;padding:15px 16px;display:flex;gap:12px;align-items:center;color:#4e5668;font-size:14px;font-weight:750}.dashboard-note-icon{width:22px;height:22px;border-radius:50%;background:#efe9ff;color:var(--primary);display:grid;place-items:center;font-size:22px;line-height:1}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.mini-kpi{background:#fff;border:1px solid #eeeaf8;border-radius:24px;padding:20px;box-shadow:0 14px 42px rgba(20,16,50,.06)}.mini-kpi span{color:#747b8d;font-size:12px;font-weight:800}.mini-kpi strong{display:block;margin-top:8px;font-size:28px;letter-spacing:-.04em}.route-result-card{margin-top:20px;background:linear-gradient(135deg,#fff,#f8f4ff);border:1px solid #eee8ff;border-radius:28px;padding:24px;box-shadow:0 20px 60px rgba(23,16,64,.07)}
@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:315px;transform:translateX(-110%);transition:.25s;height:100vh}.app-shell.menu-open .sidebar{transform:translateX(0)}.app-shell.menu-open .app-overlay{display:block;position:fixed;inset:0;background:rgba(7,8,23,.34);z-index:20}.mobile-menu-close,.sidebar-toggle{display:inline-flex}.mobile-menu-close{width:38px;height:38px;border:0;border-radius:50%;background:#f4efff;color:var(--primary);font-size:24px;align-items:center;justify-content:center}.sidebar-toggle{border:0;background:#fff;border-radius:999px;height:40px;padding:0 16px;font-weight:900;box-shadow:0 8px 22px rgba(23,16,64,.08)}.main{padding:22px 20px 92px}.split-grid{grid-template-columns:1fr}.bottom-nav{position:fixed;left:14px;right:14px;bottom:14px;z-index:15;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:rgba(255,255,255,.88);border:1px solid #eee8ff;border-radius:22px;padding:8px;box-shadow:0 18px 50px rgba(23,16,64,.14);backdrop-filter:blur(16px)}.bottom-nav a,.bottom-nav button{height:40px;border:0;background:transparent;border-radius:15px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#60687b}.bottom-nav a.active{background:#f1eaff;color:var(--primary)}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.main{padding:16px 14px 92px}.sidebar{width:min(315px,88vw);padding:14px}.page-intro,.dashboard-welcome-card,.panel,.table-shell{border-radius:24px;padding:22px}.page-intro h1,.dashboard-welcome-card h2{font-size:31px}.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.table-shell{overflow:auto}.bottom-nav{left:8px;right:8px;bottom:8px;border-radius:18px}.bottom-nav a,.bottom-nav button{font-size:10px}.button,.button-soft{width:100%}}


/* Unified package fixes */
img,svg{max-width:100%}.main{position:relative}.page-intro .eyebrow{display:inline-flex}.app-shell{isolation:isolate}.table-shell{min-width:0}.table-shell table{min-width:620px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.badge.danger,.auth-error{border-radius:16px;background:#fff0f2;color:#c72c41;padding:12px 14px;font-size:13px;font-weight:800;margin-bottom:18px}.is-hidden{display:none!important}
body[data-page="dashboard"] .page-intro h1{max-width:820px}.menu-link span{line-height:1}.field label{font-size:12px;font-weight:900;color:#171827}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7f53ff 50%),linear-gradient(135deg,#7f53ff 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.panel,.table-shell{transition:transform .18s ease,box-shadow .18s ease}.panel:hover,.table-shell:hover{transform:translateY(-2px);box-shadow:0 24px 72px rgba(23,16,64,.09)}
@media(max-width:680px){.table-shell table{min-width:560px}.page-intro p{font-size:14px}.panel:hover,.table-shell:hover{transform:none}.sidebar-user{grid-template-columns:38px 1fr}.sidebar-user-avatar{width:38px;height:38px}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav a,.bottom-nav button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Truck modal + separated fuel price workflow */
.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-subtitle{margin:5px 0 0;color:#687083;font-size:13px;line-height:1.55}.soft-pill{display:inline-flex;align-items:center;border-radius:999px;background:#f1eaff;color:var(--primary);height:32px;padding:0 12px;font-size:11px;font-weight:900;white-space:nowrap}.side-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#f1eaff,#fff);display:grid;place-items:center;font-size:26px;color:var(--primary);box-shadow:0 14px 34px rgba(111,74,246,.10);margin-bottom:16px}.truck-command-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.truck-action-card{min-height:210px}.price-aside-card{display:flex;flex-direction:column;align-items:flex-start}.quick-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.quick-stats-row div,.price-summary-grid div{background:#fff;border:1px solid #f0edf7;border-radius:20px;padding:16px;box-shadow:0 10px 30px rgba(20,16,50,.045)}.quick-stats-row span,.price-summary-grid span{display:block;color:#747b8d;font-size:11px;font-weight:900}.quick-stats-row strong,.price-summary-grid strong{display:block;margin-top:6px;font-size:26px;letter-spacing:-.04em}.status-pill{display:inline-flex;align-items:center;border-radius:999px;height:28px;padding:0 10px;font-size:11px;font-weight:900}.green-soft{background:#e8f9ef;color:#139b54}.purple-soft{background:#f0eaff;color:var(--primary)}.modal-backdrop{position:fixed;inset:0;background:rgba(7,8,23,.38);z-index:60;display:none;justify-content:flex-end;backdrop-filter:blur(8px)}.modal-backdrop.open{display:flex}.drawer-modal{width:min(560px,100%);min-height:100vh;background:#fff;border-radius:34px 0 0 34px;box-shadow:-30px 0 80px rgba(7,8,23,.18);padding:28px;overflow:auto}.drawer-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:24px}.drawer-head h2{font-size:34px;letter-spacing:-.055em;margin:12px 0 8px}.drawer-head p{margin:0;color:#687083;line-height:1.5}.modal-close{width:42px;height:42px;border:0;border-radius:50%;background:#f4efff;color:var(--primary);font-size:26px;font-weight:700;cursor:pointer}.drawer-actions{margin-top:18px}.settings-clean-grid{grid-template-columns:minmax(0,1fr) 340px}.settings-side-card{display:flex;flex-direction:column;align-items:flex-start}.prices-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.prices-workflow-grid{display:grid;grid-template-columns:minmax(0,1.2fr) 360px;gap:20px}.upload-dropzone{position:relative;border:1.5px dashed #dcd2ff;border-radius:24px;background:linear-gradient(135deg,#fbf8ff,#fff);padding:20px;margin-bottom:16px}.upload-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-dropzone label{display:grid;gap:6px;cursor:pointer}.upload-dropzone strong{font-size:15px}.upload-dropzone span{font-size:12px;color:#747b8d;font-weight:700}.price-summary-grid{display:grid;gap:12px}.price-alert{margin-top:16px;border-radius:18px;padding:14px 15px;background:#fff8e8;color:#8f6517;font-size:13px;font-weight:850;line-height:1.45}.price-alert.ok{background:#eaf9f0;color:#159657}.price-alert.bad{background:#fff0f2;color:#c72c41}.sample-format{margin-top:16px;background:#fff;border:1px solid #f0edf7;border-radius:20px;padding:16px}.sample-format strong{display:block;margin-bottom:10px}.sample-format code{display:block;color:#596174;font-size:12px;line-height:1.6;white-space:normal}.empty-state.small{padding:28px 14px}.empty-state.small h3{font-size:20px}.preview-table-card table td.bad-cell{color:#c72c41}.preview-table-card table td.good-cell{color:#139b54}
@media(max-width:1120px){.truck-command-grid,.prices-workflow-grid,.settings-clean-grid{grid-template-columns:1fr}.prices-hero{align-items:flex-start;flex-direction:column}.drawer-modal{border-radius:30px 30px 0 0;width:100%;min-height:auto;max-height:92vh;margin-top:auto}.modal-backdrop{align-items:flex-end}}
@media(max-width:680px){.panel-title-row{flex-direction:column}.quick-stats-row{grid-template-columns:1fr}.drawer-modal{padding:22px;border-radius:24px 24px 0 0}.drawer-head h2{font-size:29px}.prices-hero .button{width:100%}.price-summary-grid{grid-template-columns:1fr}.upload-dropzone{border-radius:20px}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Serious operations UI override - reduced shadows, clearer navigation, action sidebars */
:root{
  --primary:#5f3ee8;
  --primary2:#7457f2;
  --dark:#111827;
  --muted:#5f6675;
  --soft:#f6f4ff;
  --line:#e6e8ef;
  --radius:18px;
  --shadow:none;
  --shadow2:none;
}
body[data-page]{background:#f7f8fb;color:#111827;font-size:14px;}
body[data-page] .app-shell{grid-template-columns:264px minmax(0,1fr);}
body[data-page] .sidebar{padding:16px;background:#f7f8fb;}
body[data-page] .sidebar-panel{border:1px solid #e4e7ef;background:#fff;box-shadow:none;border-radius:20px;padding:16px;backdrop-filter:none;}
body[data-page] .brand-row .brand-mark{border-radius:12px;box-shadow:none;background:#5f3ee8;}
body[data-page] .brand-copy strong{font-size:16px;}
body[data-page] .subtle{color:#646b79;font-weight:600;}
body[data-page] .menu-list{gap:4px;}
body[data-page] .menu-link{height:42px;border-radius:10px;font-size:13px;font-weight:760;color:#394150;padding:0 12px;}
body[data-page] .menu-link:before{width:6px;height:6px;background:#c8ceda;}
body[data-page] .menu-link:hover{background:#f4f5f8;color:#111827;}
body[data-page] .menu-link.active{background:#efebff;color:#4f32c8;box-shadow:none;border:1px solid #ddd5ff;}
body[data-page] .menu-link.active:before{background:#5f3ee8;box-shadow:none;}
body[data-page] .sidebar-user{background:#f8f9fb;border:1px solid #e4e7ef;border-radius:14px;box-shadow:none;}
body[data-page] .sidebar-user-avatar{background:#111827;}
body[data-page] .sidebar-user-action{box-shadow:none;background:#fff;border:1px solid #e4e7ef;color:#111827;height:34px;}
body[data-page] .main{padding:24px 28px 90px;}
body[data-page] .page-intro,
body[data-page] .dashboard-welcome-card{background:#fff;border:1px solid #e4e7ef;box-shadow:none;border-radius:20px;padding:26px 28px;margin-bottom:18px;}
body[data-page] .page-intro:after,
body[data-page] .dashboard-welcome-card:after{display:none;}
body[data-page] .page-intro h1,
body[data-page] .dashboard-welcome-card h2{font-size:32px;line-height:1.15;letter-spacing:-.035em;margin:10px 0 8px;}
body[data-page] .page-intro p,
body[data-page] .dashboard-welcome-card p{color:#596273;font-size:14px;line-height:1.55;}
body[data-page] .eyebrow{background:#f0edff;color:#4f32c8;border:1px solid #dfd8ff;border-radius:999px;padding:6px 10px;font-size:11px;}
body[data-page] .eyebrow span{width:7px;height:7px;background:#5f3ee8;}
body[data-page] .split-grid,
body[data-page] .truck-command-grid,
body[data-page] .prices-workflow-grid,
body[data-page] .settings-clean-grid{grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start;}
body[data-page] .panel,
body[data-page] .table-shell,
body[data-page] .list-grid>.panel{background:#fff;border:1px solid #e4e7ef;border-radius:18px;box-shadow:none;padding:20px;backdrop-filter:none;}
body[data-page] .panel:hover,
body[data-page] .table-shell:hover{transform:none;box-shadow:none;}
body[data-page] .panel h3,
body[data-page] .table-shell h3{font-size:17px;margin-bottom:14px;letter-spacing:-.015em;color:#111827;}
body[data-page] .panel h4{font-size:14px;color:#111827;}
body[data-page] .mini-kpi,
body[data-page] .quick-stats-row div,
body[data-page] .price-summary-grid div,
body[data-page] .route-result-card,
body[data-page] .dashboard-note,
body[data-page] .sample-format{box-shadow:none;background:#fff;border:1px solid #e4e7ef;border-radius:16px;}
body[data-page] .stat-grid{gap:12px;margin-bottom:18px;}
body[data-page] .mini-kpi{padding:16px;}
body[data-page] .mini-kpi span,
body[data-page] .quick-stats-row span,
body[data-page] .price-summary-grid span{font-size:11px;color:#687083;text-transform:uppercase;letter-spacing:.04em;font-weight:800;}
body[data-page] .mini-kpi strong,
body[data-page] .quick-stats-row strong,
body[data-page] .price-summary-grid strong{font-size:24px;color:#111827;}
body[data-page] .field label{font-size:11px;color:#303746;text-transform:uppercase;letter-spacing:.035em;font-weight:850;}
body[data-page] .field select,
body[data-page] .field textarea,
body[data-page] .field input{border:1px solid #dfe3eb;border-radius:10px;background:#fff;font-size:14px;font-weight:650;box-shadow:none;color:#111827;}
body[data-page] .field select,
body[data-page] .field input{height:46px;}
body[data-page] .field textarea{min-height:136px;}
body[data-page] .field select:focus,
body[data-page] .field textarea:focus,
body[data-page] .field input:focus{border-color:#5f3ee8;box-shadow:0 0 0 3px rgba(95,62,232,.12);}
body[data-page] .button,
body[data-page] .button-soft,
body[data-page] .button-ghost{height:44px;border-radius:10px;font-size:13px;font-weight:850;box-shadow:none;}
body[data-page] .button{background:#5f3ee8;color:#fff;border:1px solid #5f3ee8;}
body[data-page] .button:hover{background:#4f32c8;}
body[data-page] .button-soft{background:#f0edff;color:#4f32c8;border:1px solid #ddd5ff;}
body[data-page] .button-ghost{background:#fff;border:1px solid #dfe3eb;color:#111827;}
body[data-page] .table-shell{overflow:hidden;}
body[data-page] .table-shell table{border-collapse:collapse;border-spacing:0;min-width:640px;}
body[data-page] .table-shell th{background:#f8f9fb;border-bottom:1px solid #e4e7ef;padding:11px 12px;color:#687083;}
body[data-page] .table-shell td{background:#fff;border:0;border-bottom:1px solid #edf0f5;border-radius:0!important;padding:13px 12px;color:#202839;font-weight:650;}
body[data-page] .table-shell tr:hover td{background:#fafbfc;}
body[data-page] .soft-pill,
body[data-page] .status-pill{border-radius:999px;height:26px;font-size:10px;}
body[data-page] .side-icon{display:none;}
body[data-page] .panel-title-row{margin-bottom:14px;}
body[data-page] .panel-subtitle{font-size:12px;color:#687083;}
body[data-page] .upload-dropzone{background:#fafbfc;border:1px dashed #b9c0cf;border-radius:14px;padding:18px;}
body[data-page] .price-alert{border-radius:12px;border:1px solid transparent;}
body[data-page] .modal-backdrop{background:rgba(17,24,39,.42);backdrop-filter:none;}
body[data-page] .drawer-modal{border-radius:18px 0 0 18px;box-shadow:none;border-left:1px solid #dfe3eb;}
body[data-page] .drawer-head h2{font-size:28px;letter-spacing:-.035em;}
body[data-page] .modal-close{background:#f3f4f6;color:#111827;border-radius:10px;font-size:22px;}
body[data-page] .bottom-nav{box-shadow:none;border:1px solid #dfe3eb;background:#fff;}
body[data-page] .bottom-nav a.active{background:#efebff;color:#4f32c8;}
/* Treat forms/actions as sidebars; data remains in the wide main column */
body[data-page="trucks"] .truck-command-grid>.price-aside-card,
body[data-page="prices"] .prices-workflow-grid>.panel:nth-child(2),
body[data-page="settings"] .settings-clean-grid>.settings-side-card,
body[data-page="routes"] .split-grid>.panel:nth-child(2),
body[data-page="users"] .split-grid>.panel:first-child{position:sticky;top:24px;}
body[data-page="trucks"] .truck-command-grid>.table-shell,
body[data-page="prices"] .prices-workflow-grid>.preview-table-card,
body[data-page="routes"] .table-shell,
body[data-page="history"] .list-grid{min-width:0;}
@media(max-width:1120px){
  body[data-page] .app-shell{grid-template-columns:1fr;}
  body[data-page] .sidebar{background:transparent;}
  body[data-page] .split-grid,
  body[data-page] .truck-command-grid,
  body[data-page] .prices-workflow-grid,
  body[data-page] .settings-clean-grid{grid-template-columns:1fr;}
  body[data-page="trucks"] .truck-command-grid>.price-aside-card,
  body[data-page="prices"] .prices-workflow-grid>.panel:nth-child(2),
  body[data-page="settings"] .settings-clean-grid>.settings-side-card,
  body[data-page="routes"] .split-grid>.panel:nth-child(2),
  body[data-page="users"] .split-grid>.panel:first-child{position:static;}
  body[data-page] .sidebar-toggle{box-shadow:none;border:1px solid #dfe3eb;}
  body[data-page] .bottom-nav{box-shadow:none;}
}
@media(max-width:680px){
  body[data-page] .main{padding:14px 12px 88px;}
  body[data-page] .page-intro,
  body[data-page] .dashboard-welcome-card,
  body[data-page] .panel,
  body[data-page] .table-shell{border-radius:16px;padding:18px;}
  body[data-page] .page-intro h1,
  body[data-page] .dashboard-welcome-card h2{font-size:26px;}
  body[data-page] .stat-grid{grid-template-columns:1fr 1fr;}
  body[data-page] .button,
  body[data-page] .button-soft{width:auto;min-width:140px;}
  body[data-page] .form-actions .button,
  body[data-page] .form-actions .button-soft{width:100%;}
}

/* Drawer-first forms: keep main pages focused on operational data */
body[data-page="prices"] .price-dashboard-row,
body[data-page="users"] .stat-grid{margin-top:20px;}
body[data-page="prices"] .stat-card,
body[data-page="users"] .stat-card{min-height:132px;}
.form-grid.single{grid-template-columns:1fr;}
.button.compact,.button-soft.compact{height:36px;padding:0 14px;font-size:12px;border-radius:10px;}
.action-drawer{width:min(520px,100%);}
.drawer-check-card{margin-top:18px;border:1px solid #e4e7ef;background:#f8f9fb;border-radius:16px;padding:16px;}
.drawer-check-card .sample-format{box-shadow:none;border-color:#e4e7ef;background:#fff;}
.user-data-grid{grid-template-columns:1fr;}
body[data-page="users"] .button-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
body[data-page="prices"] .preview-table-card{min-height:260px;}
@media(max-width:680px){
  body[data-page="users"] .button-row{width:100%;justify-content:stretch;}
  body[data-page="users"] .button-row .button,
  body[data-page="users"] .button-row .button-soft{width:100%;}
  .action-drawer{width:100%;}
}