:root{--bg:#f8fcff;--card:#ffffff;--primary:#086fdd;--primary2:#16b67f;--accent:#ffb703;--accent2:#ff6b6b;--purple:#7c3aed;--dark:#13263a;--muted:#64748b;--soft:#e9fff7;--shadow:0 16px 45px rgba(15,23,42,.12);--radius:22px}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,#d8fff0 0,#f8fcff 35%,#fff3df 72%,#f5f7ff 100%);color:#16253a;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh}.navbar{background:linear-gradient(120deg,#086fdd,#16b67f 55%,#ffb703);box-shadow:0 10px 28px rgba(8,111,221,.20)}.navbar-brand{letter-spacing:.2px}.brand-logo{width:38px;height:38px;border-radius:12px;object-fit:cover;background:#fff;padding:3px;box-shadow:0 5px 16px rgba(0,0,0,.14)}.brand-emoji{font-size:1.5rem}.nav-link{font-weight:700;border-radius:14px;padding:.55rem .75rem!important}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.19)}.dropdown-menu{border:0;border-radius:16px;box-shadow:var(--shadow);padding:.55rem}.dropdown-item{border-radius:12px;font-weight:650}.container{max-width:1240px}.card{border:0;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}.color-card{background:linear-gradient(145deg,#fff,#effff8 55%,#fff7de)}.card-body{padding:1.25rem}.metric{font-size:1.62rem;font-weight:950;color:var(--dark);line-height:1.1;word-break:break-word}.small-muted{color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.btn{border-radius:15px;font-weight:800}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));border:0}.btn-warning{background:linear-gradient(135deg,#ffca3a,#ff8c42);border:0;color:#1f2937}.btn-success{background:linear-gradient(135deg,#16b67f,#059669);border:0}.btn-outline-success{border-color:#16b67f;color:#0d8b62}.form-control,.form-select{border-radius:15px;border:1px solid #d9e8ef;padding:.75rem .95rem;background:#fff}.form-control:focus,.form-select:focus{border-color:#16b67f;box-shadow:0 0 0 .18rem rgba(22,182,127,.14)}.table{vertical-align:middle}.table thead th{background:#eef9ff;color:#17324d;border-bottom:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.035em}.table td,.table th{padding:.72rem}.badge-soft{background:linear-gradient(135deg,#e8fff5,#fff4ce);color:#075f46;border-radius:999px;padding:.45rem .75rem;font-weight:850}.hero-card{background:linear-gradient(135deg,#086fdd,#16b67f);color:#fff}.hero-card .small-muted,.hero-card .metric{color:#fff}.app-install-box{background:linear-gradient(135deg,#fff1b8,#e4fff4,#e9f2ff);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:1.05rem;box-shadow:var(--shadow)}.brand-preview{position:sticky;top:85px}.phone-preview{max-width:300px;margin:auto;background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:34px;padding:13px;box-shadow:0 24px 70px rgba(2,6,23,.25)}.phone-top{width:90px;height:5px;background:#334155;border-radius:999px;margin:0 auto 14px}.phone-preview>div:last-child{background:linear-gradient(155deg,#fff,#effff8,#fff4d9);border-radius:24px;min-height:310px}.phone-logo{width:92px;height:92px;object-fit:cover;border-radius:24px;background:#fff;padding:5px;box-shadow:0 12px 28px rgba(0,0,0,.12)}.phone-emoji{font-size:72px}.settings-logo{width:88px;height:88px;object-fit:cover;border-radius:18px;background:#fff;padding:5px;box-shadow:var(--shadow)}.login-shell{min-height:100vh;display:flex;align-items:center}.login-card{max-width:460px;margin:auto}.report-title{font-weight:950;color:var(--dark)}.alert-info{background:linear-gradient(135deg,#e0f2fe,#dcfce7);color:#12324a}.mobile-actions{position:sticky;bottom:0;background:rgba(248,252,255,.92);backdrop-filter:blur(12px);padding:.8rem;border-radius:22px 22px 0 0;box-shadow:0 -8px 28px rgba(0,0,0,.08);z-index:20}@media(max-width:991px){.navbar-collapse{background:rgba(5,61,98,.16);margin-top:.7rem;border-radius:18px;padding:.6rem}.dropdown-menu{background:rgba(255,255,255,.96)}}@media(max-width:767px){body{font-size:15px;background-attachment:fixed}.container{padding-left:12px;padding-right:12px}.card{border-radius:20px}.card-body{padding:1rem}.metric{font-size:1.28rem}.table-responsive{border-radius:16px}.table{min-width:760px}.btn,.form-control,.form-select{min-height:48px}.navbar .btn{min-height:auto}.navbar-brand span:last-child{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-logo{width:34px;height:34px}.row.g-3>[class*=col],.row.g-4>[class*=col]{margin-bottom:.15rem}h3{font-size:1.35rem}h4{font-size:1.18rem}.mobile-full{width:100%;display:block;margin-bottom:.5rem}.phone-preview{max-width:100%;margin-top:.75rem}.app-install-box{border-radius:20px}}@media print{.no-print,.navbar,footer,.mobile-actions{display:none!important}body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}.container{max-width:100%;padding:0}.table{font-size:12px}.print-area{display:block!important}}

.delivery-card{border:0;border-radius:20px;box-shadow:0 10px 30px rgba(21,86,66,.12)}
.delivery-card.delivery-done{background:linear-gradient(135deg,#effcf5,#fff)}
.account-strip{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;background:#f4f8f7;border-radius:12px;font-size:.88rem}
@media(max-width:576px){.delivery-card .card-body{padding:14px}.delivery-card h5{font-size:1.05rem}.delivery-card .btn-lg{font-size:1rem;padding:.8rem}.navbar-brand span{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

.dashboard-customizer{background:linear-gradient(135deg,#eefbf5,#eef5ff);border:1px solid #d7eee3;border-radius:18px;padding:18px}.feature-toggle{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;cursor:pointer;min-height:64px}.feature-toggle input{width:42px;height:22px;accent-color:#16825d}.feature-toggle span{display:flex;flex-direction:column;line-height:1.2}.feature-toggle small{color:#6b7280;margin-top:4px}@media(max-width:767px){.dashboard-customizer{padding:14px}.feature-toggle{min-height:58px;padding:10px}.navbar-nav .nav-link{padding:.8rem 1rem}}
.delivery-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.delivery-progress-box{display:flex;gap:8px;flex-wrap:wrap}.delivery-progress-box span{background:#fff;padding:10px 14px;border-radius:14px;box-shadow:0 8px 22px rgba(15,23,42,.08);font-size:.9rem}.regular-supply-line{background:linear-gradient(135deg,#eef8ff,#ecfff7);border-radius:14px;padding:12px;display:flex;justify-content:space-between;gap:10px;align-items:center}.product-label{font-weight:850;color:#0b6fc2}.delivery-fields{transition:.2s}.deliver-btn{min-height:58px;font-size:1.02rem;box-shadow:0 12px 24px rgba(5,150,105,.22)}.sticky-delivery-alert{position:sticky;top:74px;z-index:50;box-shadow:0 12px 30px rgba(15,23,42,.16)}.instant-result{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:1px solid #bbf7d0;border-radius:16px;padding:13px}.result-check{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#16a34a;color:#fff;font-size:1.4rem;font-weight:900;flex:0 0 auto}@media(max-width:767px){.delivery-topbar{align-items:flex-start;flex-direction:column}.delivery-progress-box{width:100%}.delivery-progress-box span{flex:1;text-align:center}.delivery-card{border-radius:18px}.regular-supply-line{padding:10px}.delivery-fields .form-control,.delivery-fields .form-select{min-height:46px}.deliver-btn{position:sticky;bottom:8px;z-index:5}.account-strip{font-size:.82rem}.sticky-delivery-alert{top:64px}}
/* Simple one-tap delivery list */
.delivery-simple-card{overflow:hidden}.delivery-row{padding:14px 16px}.delivery-row-main{display:grid;grid-template-columns:minmax(180px,1.7fr) minmax(130px,1fr) minmax(105px,.8fr) minmax(120px,.8fr);gap:12px;align-items:center}.delivery-avatar{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(135deg,#e8f7ff,#daf8e8);font-weight:800;color:#08795b}.delivery-order small,.delivery-balance small,.delivered-stamp small{display:block;color:#6c757d}.delivery-balance b{display:block;font-size:1.05rem}.delivery-action{text-align:right}.delivery-action .btn{min-width:112px;font-weight:700}.delivered-stamp{color:#16815f;text-align:right}.delivery-result{margin-top:10px;padding:8px 10px;border-radius:10px;background:#eefaf5;color:#285b4b;font-size:.86rem}.delivery-done{background:#f7fcfa}.delivery-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.delivery-progress-box{display:flex;gap:10px}.delivery-progress-box span{background:#fff;border:1px solid #e7ecef;border-radius:12px;padding:8px 12px}.sticky-delivery-alert{position:sticky;top:72px;z-index:1050}
@media(max-width:767.98px){.delivery-topbar{align-items:flex-start;flex-direction:column}.delivery-progress-box{width:100%}.delivery-progress-box span{flex:1;text-align:center}.delivery-row{padding:12px}.delivery-row-main{grid-template-columns:1fr auto;gap:8px}.delivery-customer{grid-column:1}.delivery-action{grid-column:2;grid-row:1/3;align-self:center}.delivery-order{grid-column:1}.delivery-balance{grid-column:1}.delivery-action .btn{min-width:104px;padding:.7rem .8rem}.delivered-stamp{max-width:112px}.delivery-result{font-size:.8rem}.delivery-avatar{width:34px;height:34px}}
/* Clean delivery dashboard v4 */
.delivery-header-clean{display:flex;align-items:center;justify-content:space-between;gap:16px}.delivery-counts{display:flex;gap:10px}.delivery-counts span{min-width:92px;background:#fff;border:1px solid #e7eef2;border-radius:16px;padding:9px 14px;text-align:center;box-shadow:0 8px 22px rgba(15,23,42,.07)}.delivery-counts b{display:block;font-size:1.18rem;color:#102a43}.delivery-counts small{display:block;color:#64748b;font-size:.76rem}.delivery-list-card{border-radius:18px}.delivery-list-row{display:grid;grid-template-columns:minmax(160px,1.5fr) minmax(145px,1.1fr) minmax(120px,.8fr) minmax(130px,.75fr);align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid #edf2f5}.delivery-list-row:last-child{border-bottom:0}.delivery-list-row.is-delivered{background:#f4fbf8}.delivery-person b,.delivery-product b{display:block;color:#142b3d}.delivery-person a,.delivery-product small,.delivery-current-balance small{display:block;color:#64748b;font-size:.84rem;text-decoration:none}.delivery-current-balance b{display:block;font-size:1.06rem}.delivery-action{text-align:right}.delivery-action .deliver-btn{min-width:118px;min-height:44px}.delivered-stamp{text-align:right;color:#0b8a60}.delivered-stamp small{display:block;font-size:.75rem}.delivery-result{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px 16px;background:#eaf8f2;border-radius:12px;padding:9px 11px;font-size:.82rem;color:#275d4a}.recent-delivery-table th{white-space:nowrap}.recent-delivery-table td{white-space:nowrap}
@media(max-width:767.98px){.delivery-header-clean{align-items:flex-start;flex-direction:column}.delivery-counts{width:100%}.delivery-counts span{flex:1}.delivery-list-card{box-shadow:0 8px 28px rgba(15,23,42,.08)}.delivery-list-row{grid-template-columns:1fr auto;gap:7px 10px;padding:13px 12px}.delivery-person{grid-column:1}.delivery-product{grid-column:1}.delivery-current-balance{grid-column:1}.delivery-action{grid-column:2;grid-row:1/4;align-self:center}.delivery-action .deliver-btn{min-width:105px;padding:.68rem .72rem;font-size:.91rem}.delivered-stamp{max-width:108px}.delivery-result{grid-column:1/-1;font-size:.78rem}.recent-delivery-table{min-width:900px}}