:root{color:#191516;font-synthesis:none;text-rendering:optimizelegibility;--red:#c90d2d;--dark-red:#93091f;--cream:#fff5f3;--border:#eadcdd;--text-light:#756b6d;background:snow;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:snow;min-width:320px;margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.site-header,.admin-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:14px max(24px,50% - 590px);display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{object-fit:contain;width:54px;height:54px}.brand div{flex-direction:column;display:flex}.brand strong{font-size:18px}.brand span{color:var(--text-light);font-size:13px}.site-header nav{align-items:center;gap:24px;display:flex}.site-header nav a:hover{color:var(--red)}.admin-link{background:var(--red);border-radius:999px;padding:11px 18px;color:#fff!important}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;max-width:1180px;min-height:640px;margin:auto;padding:80px 24px;display:grid}.eyebrow,.section-heading>span{color:var(--red);letter-spacing:1px;text-transform:uppercase;font-weight:800}.hero h1{letter-spacing:-3px;max-width:750px;margin:18px 0;font-size:clamp(42px,6vw,76px);line-height:1.02}.hero p{max-width:650px;color:var(--text-light);font-size:19px;line-height:1.7}.hero-logo{border:1px solid var(--border);background:#fff;border-radius:38px;padding:36px;box-shadow:0 30px 80px #700f1e24}.hero-logo img{width:100%;display:block}.hero-buttons,.order-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:11px 18px;font-weight:750;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.primary{color:#fff;background:var(--red)}.secondary{color:var(--red);border:1px solid var(--red);background:#fff}.success{color:#fff;background:#168548}.danger{color:#fff;background:#b51f35}.danger-outline{color:var(--red);border:1px solid var(--red);background:#fff}.whatsapp{color:#fff;background:#168b4c;width:100%}.section{max-width:1180px;margin:auto;padding:80px 24px}.section-heading{max-width:700px;margin-bottom:35px}.section h2{letter-spacing:-1.8px;margin:12px 0;font-size:clamp(32px,5vw,50px)}.feature-grid,.summary-grid,.orders-grid{gap:20px;display:grid}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card,.summary-card,.order-card{border:1px solid var(--border);background:#fff;border-radius:22px;padding:26px}.feature-number{color:var(--red);font-size:38px;font-weight:900}.feature-card p,.steps-section li{color:var(--text-light);line-height:1.7}.steps-section{background:var(--cream);border-radius:32px;grid-template-columns:1fr 1fr;gap:70px;display:grid}.steps{margin:0;padding-left:24px;font-size:18px}.steps li{margin-bottom:18px}footer{color:var(--text-light);border-top:1px solid var(--border);background:#fff;justify-content:center;align-items:center;gap:12px;margin-top:80px;padding:32px 24px;display:flex}footer img{object-fit:contain;width:42px;height:42px}.login-page{background:var(--cream);place-items:center;min-height:100vh;padding:30px 20px;display:grid}.back-link{color:var(--red);font-weight:700;position:absolute;top:30px;left:30px}.login-card{border:1px solid var(--border);background:#fff;border-radius:24px;flex-direction:column;gap:20px;width:min(100%,440px);padding:38px;display:flex;box-shadow:0 24px 70px #580e191f}.login-card>img{width:100px;margin:auto}.login-card h1,.login-card p{text-align:center;margin:0}.login-card p{color:var(--text-light)}.login-card label,.driver-box label{flex-direction:column;gap:8px;font-weight:700;display:flex}input,select{color:#191516;background:#fff;border:1px solid #d8c9cb;border-radius:11px;outline:none;width:100%;padding:13px 14px}input:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 3px #c90d2d1a}.page-loading{place-items:center;min-height:100vh;display:grid}.admin-page{min-height:100vh}.dashboard{max-width:1180px;margin:auto;padding:50px 24px}.dashboard-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.dashboard-title h1{margin:8px 0 0;font-size:42px}.summary-grid{grid-template-columns:repeat(3,1fr);margin:30px 0}.summary-card span{color:var(--text-light)}.summary-card strong{color:var(--red);margin-top:10px;font-size:34px;display:block}.filter-bar{grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:25px;display:grid}.orders-grid{grid-template-columns:repeat(2,1fr)}.order-top{justify-content:space-between;gap:20px;display:flex}.order-id{color:var(--red);font-weight:800}.order-top h2{margin:7px 0}.status-badge{height:fit-content;color:var(--dark-red);background:#ffe3e7;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.order-details{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:18px;padding:15px 0}.order-details p{justify-content:space-between;gap:20px;margin:9px 0;display:flex}.order-details span{color:var(--text-light)}.order-details strong{text-align:right;max-width:60%}.proof-link{color:var(--red);margin-top:16px;font-weight:750;display:block}.driver-box{background:var(--cream);border-radius:15px;gap:12px;margin-top:22px;padding:18px;display:grid}.error-message,.empty-state{border-radius:12px;padding:16px}.error-message{color:#89152a;background:#ffe1e6}.empty-state{text-align:center;color:var(--text-light);border:1px solid var(--border);background:#fff}@media (width<=800px){.site-header{align-items:flex-start}.site-header nav{display:none}.hero,.steps-section{grid-template-columns:1fr}.hero{padding-top:50px}.hero-logo{max-width:380px}.feature-grid,.summary-grid,.orders-grid,.filter-bar{grid-template-columns:1fr}.admin-header{align-items:flex-start}.dashboard-title{flex-direction:column;align-items:flex-start}}
