:root{--font-display: "Montserrat", "Mont", "Söhne", "Inter", system-ui, sans-serif;--font-body: "Montserrat", "Mont", "Inter", system-ui, sans-serif;--orange-50: #FFF4EC;--orange-100: #FFE2CC;--orange-300: #F5A876;--orange-500: #EA7B47;--orange-600: #DE6A34;--orange-700: #C25526;--gradient-accent: linear-gradient(135deg, var(--orange-600) 0%, var(--orange-500) 100%);--page-bg: #FBE9D9;--page-grid-line: rgba(255, 255, 255, .85);--page-grid-size: 30px;--card-bg: #FFFFFF;--card-border: #EDE8E3;--card-shadow: 0 2px 10px rgba(20, 15, 10, .05);--card-shadow-hover: 0 6px 18px rgba(20, 15, 10, .08);--sidebar-bg: #FFFFFF;--sidebar-gradient: linear-gradient(165deg, #FFFFFF 0%, #FFFCF9 60%, #FFF6EE 100%);--sidebar-active-bg: var(--gradient-accent);--sidebar-active-fg: #FFFFFF;--sidebar-ink: var(--ink-900);--sidebar-ink-dim: var(--ink-400);--sidebar-hover-bg: var(--orange-50);--sidebar-border: var(--card-border);--sidebar-glass-bg: var(--orange-50);--sidebar-glass-border: var(--orange-100);--sidebar-glass-shadow: 0 6px 18px rgba(222, 106, 52, .12);--ink-900: #201812;--ink-700: #4A3F38;--ink-600: #5C5049;--ink-400: #8C8079;--ink-border: #E7E1DB;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--text-body: 15px;--text-label: 13.5px;--text-nav: 15.5px;--text-stat: 30px;--text-h1: 28px}--cbox-blue-bg: #EEF4FF; --cbox-blue-border: #D3E3FF; --cbox-blue-ink: #1D4ED8; --cbox-blue-glow: rgba(37, 99, 235, .3); --cbox-green-bg: #EBFBF2; --cbox-green-border: #C9F0DA; --cbox-green-ink: #15803D; --cbox-green-glow: rgba(21, 128, 61, .28); --cbox-purple-bg: #F5F0FF; --cbox-purple-border: #E3D6FF; --cbox-purple-ink: #6D28D9; --cbox-purple-glow: rgba(109, 40, 217, .28); --cbox-orange-bg: var(--orange-50); --cbox-orange-border: var(--orange-100); --cbox-orange-ink: var(--orange-700); --cbox-orange-glow: rgba(222, 106, 52, .34); --cbox-red-bg: #FFF1EF; --cbox-red-border: #FFD6CE; --cbox-red-ink: #B5461E; --cbox-red-glow: rgba(197, 61, 30, .3); } body {background:var(--page-bg);font-family:var(--font-body);font-weight:600}.color-box{position:relative;border-radius:var(--radius-lg);border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--card-shadow);animation:cbox-float 6.5s ease-in-out infinite;transition:transform .25s ease,box-shadow .3s ease,border-color .25s ease;will-change:transform}.color-box:nth-child(2n){animation-delay:-2.1s}.color-box:nth-child(3n){animation-delay:-4.3s}.color-box:nth-child(4n){animation-delay:-1.2s}.color-box:hover{animation-play-state:paused;transform:translateY(-6px)}.color-box.cbox-blue{background:var(--cbox-blue-bg);border-color:var(--cbox-blue-border)}.color-box.cbox-green{background:var(--cbox-green-bg);border-color:var(--cbox-green-border)}.color-box.cbox-purple{background:var(--cbox-purple-bg);border-color:var(--cbox-purple-border)}.color-box.cbox-orange{background:var(--cbox-orange-bg);border-color:var(--cbox-orange-border)}.color-box.cbox-red{background:var(--cbox-red-bg);border-color:var(--cbox-red-border)}.color-box.cbox-blue:hover{box-shadow:0 16px 36px var(--cbox-blue-glow)}.color-box.cbox-green:hover{box-shadow:0 16px 36px var(--cbox-green-glow)}.color-box.cbox-purple:hover{box-shadow:0 16px 36px var(--cbox-purple-glow)}.color-box.cbox-orange:hover{box-shadow:0 16px 36px var(--cbox-orange-glow)}.color-box.cbox-red:hover{box-shadow:0 16px 36px var(--cbox-red-glow)}.cbox-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;font-size:16px;flex-shrink:0;transition:box-shadow .3s ease}.cbox-blue .cbox-icon-badge{background:#fff;color:var(--cbox-blue-ink);box-shadow:0 0 0 1px var(--cbox-blue-border) inset,0 4px 12px var(--cbox-blue-glow)}.cbox-green .cbox-icon-badge{background:#fff;color:var(--cbox-green-ink);box-shadow:0 0 0 1px var(--cbox-green-border) inset,0 4px 12px var(--cbox-green-glow)}.cbox-purple .cbox-icon-badge{background:#fff;color:var(--cbox-purple-ink);box-shadow:0 0 0 1px var(--cbox-purple-border) inset,0 4px 12px var(--cbox-purple-glow)}.cbox-orange .cbox-icon-badge{background:#fff;color:var(--cbox-orange-ink);box-shadow:0 0 0 1px var(--cbox-orange-border) inset,0 4px 12px var(--cbox-orange-glow)}.cbox-red .cbox-icon-badge{background:#fff;color:var(--cbox-red-ink);box-shadow:0 0 0 1px var(--cbox-red-border) inset,0 4px 12px var(--cbox-red-glow)}@keyframes cbox-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion: reduce){.color-box{animation:none}}@media (max-width: 768px){.color-box{animation:none}}button,input,textarea,select{font-family:var(--font-body);font-weight:600}.app-shell-bg{background-color:var(--page-bg);background-image:linear-gradient(var(--page-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--page-grid-line) 1px,transparent 1px);background-size:var(--page-grid-size) var(--page-grid-size);background-attachment:fixed}.sidebar-glass{background:var(--sidebar-glass-bg);border:1px solid var(--sidebar-glass-border);border-radius:18px;box-shadow:var(--sidebar-glass-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width: 768px){.app-shell-bg{--page-grid-size: 22px}}.hero-banner{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--gradient-accent);padding:30px 36px;margin-bottom:22px;isolation:isolate}.hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:26px 26px;z-index:0}.hero-banner:after{content:"";position:absolute;top:-60px;right:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22) 0%,transparent 70%);z-index:0}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.hero-truck-wrap{display:flex;align-items:center;justify-content:center}.hero-truck-img{width:340px;max-width:34vw;height:auto;filter:drop-shadow(0 18px 22px rgba(20,15,10,.28));animation:hero-truck-float 4.5s ease-in-out infinite}@keyframes hero-truck-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion: reduce){.hero-truck-img{animation:none}}.hero-stat-pill{transition:transform .2s ease,box-shadow .25s ease,background .25s ease}.hero-stat-pill:hover{transform:translateY(-3px);background:#ffffff42!important;box-shadow:0 10px 22px #0000002e}@media (max-width: 768px){.hero-banner{padding:22px 20px 18px;border-radius:20px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-content{align-items:center}.hero-truck-wrap{order:-1}.hero-truck-img{width:78%;max-width:280px}}.card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);animation:cbox-float 6.5s ease-in-out infinite;transition:box-shadow .25s ease,transform .2s ease,border-color .25s ease;will-change:transform}.card:nth-child(2n){animation-delay:-2.1s}.card:nth-child(3n){animation-delay:-4.3s}.card:nth-child(4n){animation-delay:-1.2s}.card:hover{animation-play-state:paused;box-shadow:var(--card-shadow-hover),0 16px 32px #de6a3438;border-color:var(--orange-100);transform:translateY(-6px)}@media (prefers-reduced-motion: reduce){.card{animation:none}}@media (max-width: 768px){.card{animation:none}}.list-container{background:linear-gradient(180deg,var(--orange-50) 0%,#FFF9F3 100%);border:1px solid var(--orange-100);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:10px}.list-container .list-head{background:transparent;border-radius:var(--radius-md);margin-bottom:2px}.glass-panel,.glass-panel-strong{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.gradient-field{background-color:var(--page-bg);background-image:linear-gradient(var(--page-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--page-grid-line) 1px,transparent 1px);background-size:var(--page-grid-size) var(--page-grid-size);background-attachment:fixed}.btn-accent{background:var(--gradient-accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:var(--text-body);border-radius:var(--radius-md);box-shadow:0 4px 14px #de6a3452;transition:transform .15s ease,box-shadow .15s ease}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 8px 20px #de6a3466}.btn-accent:active{transform:translateY(0)}.liquid-glass-hover{position:relative;overflow:hidden;isolation:isolate;transition:background .28s ease,box-shadow .28s ease,transform .2s ease,border-color .28s ease}.liquid-glass-hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(115deg,#ffffffa6,#ffffff24 35%,#fff0 62%);opacity:0;transform:translate(-55%);transition:opacity .35s ease,transform .55s cubic-bezier(.22,1,.36,1);pointer-events:none}.liquid-glass-hover:hover{background:#ffffff80;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:0 10px 26px #782d0a24,inset 0 1px #ffffff8c;transform:translateY(-1px)}.liquid-glass-hover:hover:before{opacity:1;transform:translate(55%)}.nav-glass-hover:hover{background:#fff6eeb3!important;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:0 8px 22px #de6a342e,inset 0 1px #ffffffa6;border-color:#ffe2cce6;transform:translateY(-1px)}.nav-glass-hover:hover:before{opacity:1;transform:translate(55%)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-row{position:relative;overflow:hidden;isolation:isolate;background:#ffffffb8!important;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.9)!important;border-radius:var(--radius-md);margin-bottom:8px;box-shadow:0 2px 8px #782d0a0f;transition:background .28s ease,box-shadow .28s ease,transform .2s ease,border-color .28s ease}.list-row:last-child{margin-bottom:0}.list-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(115deg,#ffffffb3,#ffffff29 35%,#fff0 62%);opacity:0;transform:translate(-55%);transition:opacity .35s ease,transform .55s cubic-bezier(.22,1,.36,1);pointer-events:none}.list-row:hover{background:#ffffffeb!important;box-shadow:0 10px 24px #782d0a24,inset 0 1px #ffffffb3;border-color:var(--orange-100)!important;transform:translateY(-2px)}.list-row:hover:before{opacity:1;transform:translate(55%)}.list-head{border-bottom:none!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff8f299;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-panel{width:100%;max-height:88vh;overflow-y:auto;background:#ffffffe0;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);box-shadow:0 24px 64px #782d0a29,inset 0 1px #ffffffb3;padding:30px}.app-mobile-menu-btn{display:none}.date-range-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89;background:transparent}.date-range-popover{max-height:82vh;overflow-y:auto}@media (max-width: 768px){.date-range-popover{left:50%!important;right:auto!important;transform:translate(-50%);width:92vw!important;max-width:360px!important}}.app-sidebar-backdrop{display:none}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.app-sidebar{display:flex!important;position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;margin:0!important;width:80%!important;max-width:300px!important;border-radius:0!important;z-index:70;padding-bottom:max(14px,env(safe-area-inset-bottom))!important;transform:translate(-100%);transition:transform .25s ease;overflow-y:hidden!important}.app-sidebar.app-sidebar-open{transform:translate(0)}.app-sidebar-collapse-btn{display:none!important}.app-sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#20181273;z-index:65}.app-bottom-nav{display:none!important}.app-mobile-menu-btn{display:flex!important}.app-main{padding-bottom:0!important}.app-topbar{margin:10px 10px 0!important;padding:12px 14px!important}.app-topbar-title,.app-topbar-menu-btn{display:none!important}.app-topbar-search{max-width:none!important;margin:0 12px!important}.app-topbar-user-text{display:none!important}.app-content{padding:10px!important}.modal-overlay{padding:0;align-items:flex-end}.modal-panel{max-width:none!important;width:100%;max-height:92vh;border-radius:20px 20px 0 0;padding:22px 18px 26px}h1{font-size:22px!important}.app-content{zoom:.82}.list-head{display:none!important}.list-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;padding:14px 16px!important}.dash-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stat-card{padding:16px 14px!important;min-height:0!important;gap:6px!important}.stat-card-label{font-size:12.5px!important;gap:5px!important}.stat-card-icon{font-size:14px!important}.stat-card-value{font-size:22px!important}.stat-card-sub{font-size:11.5px!important}.panel-list{padding:14px!important}}