@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#162f60;--deep:#102649;--ink:#1f3455;--muted:#8390a6;--gray:#63758e;--orange:#ff764e;--orange-soft:#fff0e7;--mint:#14bda9;--mint-soft:#e5faf4;--blue:#6677ed;--blue-soft:#eef1ff;--bg:#f4f7fc;--surface:#fff;--border:#e9edf5;--shadow:0 12px 36px rgba(28,54,101,.045);--radius:19px;--sidebar:270px;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Poppins,system-ui,-apple-system,sans-serif}body{color:var(--ink);background:var(--bg);font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #88a4e9;outline-offset:2px}a{text-decoration:none;color:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}h1{font-size:27px;font-weight:800}h2{font-size:20px;font-weight:800}h3{font-size:15px;font-weight:750}p{line-height:1.65}.muted{color:var(--muted)}.tiny{font-size:10px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--orange);text-transform:uppercase}.app-shell{display:flex;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:var(--sidebar);flex:none;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 15px 17px;z-index:40}.brand{padding:6px 16px 27px}.brand img{width:197px;max-width:100%;display:block}.brand-caption{display:block;color:#96a6ba;font-size:8px;letter-spacing:.22em;font-weight:800;margin:4px 0 0 6px}.side-nav{overflow:auto;flex:1;padding:0 1px;scrollbar-width:thin}.nav-section-label{font-weight:800;font-size:9px;letter-spacing:.17em;color:#adb8c9;padding:20px 18px 9px}.nav-item{border:0;background:transparent;color:#677792;display:flex;gap:12px;align-items:center;width:100%;padding:12px 14px;border-radius:11px;margin:1px 0;text-align:left;font-weight:600;font-size:12px;transition:.2s}.nav-item:hover{background:#f4f7fc;color:var(--navy)}.nav-item.active{background:#fff0e9;color:#ea6c47;font-weight:800}.nav-ico{font-size:19px;width:21px;text-align:center;line-height:1}.nav-mini{margin-left:auto;background:#f3f5f9;color:#8899af;font-size:10px;padding:3px 7px;border-radius:6px}.nav-item.active .nav-mini{background:#ffe1d2;color:#ec764f}.side-bottom{padding:14px 7px 0;border-top:1px solid var(--border)}.side-help{display:flex;align-items:center;gap:11px;background:linear-gradient(120deg,#173765,#10274d);border-radius:15px;padding:14px 12px;color:white;margin-bottom:16px}.side-help strong{font-size:11px}.side-help small{display:block;font-size:9px;color:#b2c8e1;margin-top:2px}.help-icon{color:#ffb36f;font-size:25px}.sidebar-user{display:flex;gap:10px;align-items:center}.avatar,.header-avatar{display:grid;place-items:center;border-radius:12px;background:#e8eeff;color:#314ba1;font-weight:800;width:36px;height:36px;flex:none}.user-meta{min-width:0;flex:1}.user-meta strong,.user-meta small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-meta strong{font-size:11px}.user-meta small{color:var(--muted);font-size:10px}.logout-btn{font-size:22px;color:#97a3b5;padding:5px}.main-wrap{min-width:0;display:flex;flex-direction:column;flex:1}.topbar{height:81px;flex:none;background:rgba(255,255,255,.87);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:16px;backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#97a4b7}.breadcrumb strong{color:#213858;font-weight:750}.crumb-sep{opacity:.45}.top-actions{display:flex;gap:20px;align-items:center}.today-tag{font-size:11px;color:#7d8ba1;text-transform:capitalize}.header-avatar{width:39px;height:39px;border-radius:50%;background:#dff9f3;color:#119a8e}.theme-switch{position:relative;display:flex;align-items:center;justify-content:space-between;padding:4px 7px;width:69px;height:33px;border:0;border-radius:30px;background:#dbe7ff;box-shadow:inset 0 0 0 1px #dae2f0;overflow:hidden}.theme-orb{z-index:1;font-size:16px;color:#f9a236;position:relative}.theme-orb.moon{color:#6f82b8}.theme-thumb{position:absolute;width:25px;height:25px;background:white;border-radius:50%;left:4px;box-shadow:0 2px 8px #162f6023;transition:transform .28s cubic-bezier(.2,.9,.3,1)}.content{padding:30px 34px 44px;width:100%;max-width:1610px;margin:0 auto;flex:1}.app-footer{display:flex;justify-content:space-between;padding:18px 36px;color:#a2adc0;font-size:10px;gap:15px;border-top:1px solid var(--border)}.status-dot,.live-dot{width:7px;height:7px;background:#11c7a4;display:inline-block;border-radius:50%;box-shadow:0 0 0 3px #10be9f22}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:26px}.page-heading .eyebrow{margin-bottom:7px}.page-heading h1{margin-bottom:6px}.page-heading p{margin-bottom:0;font-size:12px}.heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--border);padding:11px 15px;border-radius:10px;background:var(--surface);color:var(--ink);font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:9px;justify-content:center;white-space:nowrap;transition:.18s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px #1d315b10}.btn.primary{border-color:var(--orange);background:var(--orange);color:#fff;box-shadow:0 8px 18px #ff79522a}.btn.primary:hover{background:#f56a44}.btn.dark{background:var(--navy);color:white;border-color:var(--navy)}.btn.ghost{background:transparent}.btn.small{padding:7px 11px;font-size:11px}.btn.destructive{color:#e75760;border-color:#ffe0e2;background:#fff7f7}.btn.block{width:100%}.btn .plus{font-size:18px;line-height:1}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;font-size:10px;font-weight:750;white-space:nowrap}.pill.orange{color:#e57643;background:#fff0e4}.pill.green{color:#119b82;background:#e6f9f1}.pill.blue{color:#5264c8;background:#e9ecff}.pill.red{color:#d15b65;background:#ffebee}.pill.gray{color:#667a96;background:#eef2f7}.pill.purple{color:#8664c4;background:#f2ecff}.pill:before{content:'';height:6px;width:6px;border-radius:50%;background:currentColor;opacity:.78}.overview-hero{border-radius:22px;background:linear-gradient(116deg,#192f62,#213f7a 52%,#1f5677);padding:27px 30px;display:flex;position:relative;overflow:hidden;justify-content:space-between;align-items:center;color:white;gap:30px;margin-bottom:23px;min-height:174px}.overview-hero h2{font-size:25px;max-width:500px;margin:7px 0 6px;color:white}.overview-hero p{font-size:11px;color:#b3c6e1;margin:0}.hero-kicker{font-size:10px;letter-spacing:.13em;font-weight:800;color:#75e4cd}.hero-btn{background:white;color:#1c3462;border:none;position:relative;z-index:1}.hero-bubble{position:absolute;border:1px solid #ffffff22;border-radius:50%;right:9%;width:230px;height:230px;top:-55px}.hero-bubble:after{content:'';position:absolute;width:140px;height:140px;border:1px solid #ffffff21;border-radius:50%;right:43px;top:43px}.hero-moto{font-size:80px;position:absolute;right:110px;bottom:-19px;transform:rotate(-5deg);opacity:.24}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 21px 17px;box-shadow:var(--shadow);min-height:150px}.stat-top{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:12px}.stat-top span:first-child{color:#8796ac;font-size:11px;font-weight:650}.stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;font-size:20px}.stat-icon.orange{background:#fff0e7;color:#fa8152}.stat-icon.green{background:#e5faf4;color:#11b9a1}.stat-icon.blue{background:#edf0ff;color:#6278db}.stat-icon.purple{background:#f1edff;color:#8b71df}.stat-value{font-size:28px;font-weight:850;letter-spacing:-.045em;color:var(--navy);white-space:nowrap}.stat-foot{margin-top:8px;font-size:10px;color:#a0aec0}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(285px,1fr);gap:20px}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:23px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.card-head h3{margin:0;font-size:15px}.card-head small{color:var(--muted);font-size:10px}.card-heading-left small{display:block;margin-top:4px}.text-link{color:#f07650;font-size:11px;font-weight:800;background:transparent;border:0}.chart-wrap{display:flex;align-items:end;gap:14px;height:197px;padding:12px 3px 0;border-bottom:1px solid var(--border)}.chart-col{display:flex;flex:1;min-width:0;align-items:center;justify-content:flex-end;flex-direction:column;height:100%;gap:9px}.chart-bars{height:100%;width:100%;max-width:47px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bar{border-radius:7px 7px 0 0;width:16px;min-height:3px;transition:height .5s}.bar.food{background:#ff946f}.bar.parcel{background:#4ecdbf}.chart-label{font-size:10px;color:#9ba9bb;margin-bottom:-19px;white-space:nowrap}.chart-legend{display:flex;gap:15px;align-items:center;margin-top:38px;font-size:10px;color:#8998ae}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.legend-dot.food{background:#ff946f}.legend-dot.parcel{background:#4ecdbf}.quicklist{display:flex;flex-direction:column;gap:10px}.quick-action{width:100%;display:flex;align-items:center;text-align:left;gap:13px;border:1px solid var(--border);border-radius:12px;padding:13px;background:transparent}.quick-action:hover{background:var(--bg)}.quick-action .quick-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#fff0e8;color:#f47f58;font-size:18px;flex:none}.quick-action.mint .quick-icon{background:#e5faf4;color:#19b6a0}.quick-action.blue .quick-icon{background:#eaf0ff;color:#5879bd}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:11px}.quick-action small{font-size:10px;color:var(--muted);margin-top:3px}.quick-action .arrow{margin-left:auto;color:#a7b3c4;font-size:19px}.service-banner{background:linear-gradient(120deg,#fff7f1,#fff);border:1px solid #ffe6d7;padding:22px;border-radius:17px;margin-top:20px;display:flex;align-items:center;gap:18px}.service-banner .service-icon{font-size:32px}.service-banner strong{display:block;font-size:13px}.service-banner p{margin:3px 0 0;font-size:10px;color:#a78c81}.service-banner .text-link{margin-left:auto}.table-card{padding:0;overflow:hidden}.table-top{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.table-top h3{margin:0}.table-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.search-field{position:relative}.search-field input{padding:11px 13px 11px 34px;min-width:235px;width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface);outline:none;color:var(--ink);font-size:11px}.search-field:before{content:'⌕';font-size:23px;position:absolute;top:2px;left:11px;color:#a1adc2}.filter-select{border:1px solid var(--border);padding:10px 11px;border-radius:10px;background:var(--surface);font-size:11px;color:var(--ink);min-width:125px}.table-scroll{overflow:auto;max-width:100%}table.data{border-collapse:collapse;width:100%;min-width:760px;text-align:left}table.data th{background:#fafbfe;color:#92a0b4;font-size:10px;letter-spacing:.065em;font-weight:800;text-transform:uppercase;padding:14px 20px;white-space:nowrap}table.data td{border-top:1px solid var(--border);padding:15px 20px;color:var(--ink);font-size:11px;vertical-align:middle}table.data tr:hover td{background:#fcfdff}table.data td strong{font-weight:750;color:var(--navy)}table.data .subtext{color:#9ca9ba;display:block;font-size:10px;margin-top:4px}.type-cell{display:flex;gap:10px;align-items:center}.type-icon{width:34px;height:34px;border-radius:11px;background:#fff1e9;color:#fa8151;display:grid;place-items:center;font-size:18px;flex:none}.type-icon.parcel{background:#e5faf3;color:#18b6a2}.row-actions{display:flex;gap:6px;align-items:center}.icon-btn{width:33px;height:33px;border:1px solid var(--border);border-radius:9px;display:grid;place-items:center;background:var(--surface);color:#6e829d;font-size:15px;flex:none}.icon-btn:hover{background:#f6f8fe;color:var(--navy)}.empty-state{text-align:center;color:#96a5b9;padding:65px 20px}.empty-state .empty-icon{font-size:35px;margin-bottom:15px}.empty-state strong{color:var(--ink);display:block;font-size:14px;margin-bottom:6px}.top-split{display:grid;grid-template-columns:1fr auto;align-items:center}.segment-group{display:inline-flex;padding:4px;background:#e9edf5;border-radius:12px;gap:3px}.seg-btn{border:0;background:transparent;color:#8a97aa;padding:9px 14px;border-radius:9px;font-size:11px;font-weight:700}.seg-btn.selected{background:white;color:var(--navy);box-shadow:0 2px 7px #192b4514}.inline-summary{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:23px}.summary-chip{padding:16px 20px;border:1px solid var(--border);background:var(--surface);border-radius:14px;min-width:155px;flex:1}.summary-chip .k{color:#9ba7b7;font-size:10px}.summary-chip strong{display:block;font-size:21px;letter-spacing:-.04em;margin-top:2px}.summary-chip strong.orange{color:var(--orange)}.summary-chip strong.green{color:#16b59f}.summary-chip strong.blue{color:#5675b9}.form-stack{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .col-span-2{grid-column:span 2}.form-stack label,.form-grid label{display:flex;flex-direction:column;gap:7px;color:#57708d;font-size:11px;font-weight:750}input,textarea,select{background:var(--surface);border:1px solid #e4e9f2;border-radius:10px;color:var(--ink);padding:11px 12px;width:100%;font-size:12px;min-width:0}input:focus,textarea:focus,select:focus{outline:none;border-color:#8ca3d7;box-shadow:0 0 0 3px #607bd013}textarea{resize:vertical;min-height:84px}label .hint{font-size:10px;color:#a3afbc;font-weight:400}.checkline{flex-direction:row!important;align-items:center!important;gap:9px!important}.checkline input{width:15px;height:15px;flex:none;accent-color:var(--orange)}.modal-cover{position:fixed;inset:0;background:#091a36a8;backdrop-filter:blur(3px);z-index:100;display:none;align-items:flex-start;justify-content:center;padding:5vh 15px;overflow:auto}.modal-cover.visible{display:flex}.modal{background:var(--surface);border-radius:20px;max-width:640px;width:100%;box-shadow:0 30px 100px #0c173650;animation:modal-in .2s ease-out;margin:auto 0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:23px 25px 15px;border-bottom:1px solid var(--border)}.modal-header h2{margin:5px 0 0}.modal-content{padding:22px 25px 27px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.product-picker{display:flex;align-items:center;gap:10px}.product-picker select{flex:1}.product-rows{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:7px}.product-row{display:grid;grid-template-columns:1fr 70px 104px 31px;gap:9px;align-items:center;padding:9px 10px;border-top:1px solid var(--border)}.product-row:first-child{border-top:0}.product-row strong{font-size:11px;display:block}.product-row small{font-size:10px;color:var(--muted)}.product-row input{padding:7px}.product-row .remove{background:#fff0ef;color:#e25d5d;border:0;border-radius:6px;width:26px;height:26px}.order-total{background:var(--bg);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.order-total p{display:flex;justify-content:space-between;margin:0;font-size:12px}.order-total .grand{border-top:1px solid var(--border);padding-top:12px;font-size:19px;font-weight:800;color:var(--navy)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.detail-field{font-size:11px;padding:13px 14px;background:var(--bg);border-radius:12px;min-width:0;overflow-wrap:anywhere}.detail-field small{display:block;color:var(--muted);margin-bottom:5px}.detail-field strong{font-size:12px}.detail-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-section{border-top:1px solid var(--border);padding-top:17px;margin-top:14px}.detail-section h3{margin-bottom:10px}.subtle-note{background:var(--orange-soft);color:#9f694f;padding:13px 15px;border-radius:12px;font-size:11px;line-height:1.6}.role-tag{text-transform:capitalize}.settings-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.43fr);gap:22px}.settings-brand{padding:22px;text-align:center}.settings-brand img{width:100%;max-width:250px}.settings-brand p{font-size:11px;color:var(--muted);margin-top:20px}.version-card{background:linear-gradient(115deg,#193566,#142e57);border-radius:18px;color:white;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:18px;overflow:hidden}.version-card h2{color:white;margin:5px 0}.version-card p{color:#b8c8e0;font-size:11px;margin:0}.update-zone{border:2px dashed #cbd6e8;padding:30px;text-align:center;border-radius:15px;background:var(--bg);margin:20px 0}.update-zone .update-icon{font-size:32px;color:#5e78ac}.update-zone input{margin:17px auto 0;max-width:340px}.report-controls{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.report-controls label{font-size:10px;color:var(--gray);font-weight:700}.report-controls input{width:160px;display:block;margin-top:5px}.report-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-chart{margin-bottom:25px}.report-row{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.report-row strong{min-width:100px}.report-progress{background:#edf1f8;height:9px;border-radius:8px;flex:1;overflow:hidden}.report-progress>span{display:block;background:#15bda9;height:100%;border-radius:8px}.report-row small{color:var(--muted);white-space:nowrap}.loading-screen{color:var(--muted);padding:65px 0;text-align:center}.toast-host{position:fixed;z-index:130;right:22px;bottom:24px;display:flex;flex-direction:column;gap:10px}.toast{background:var(--navy);color:white;padding:13px 17px;min-width:250px;max-width:390px;border-radius:12px;box-shadow:0 9px 30px #0c21304a;animation:modal-in .2s}.toast.error{background:#c64c5d}.overlay{display:none}.mobile-menu{display:none;font-size:22px;color:var(--navy);border:0;background:transparent}.alert{padding:12px 14px;border-radius:10px;font-size:11px;line-height:1.6}.alert-error{background:#fff0f0;color:#bb5161}.alert-success{background:#e8f9ef;color:#198567}.auth-page{background:#f2f6fd;min-height:100vh;display:grid;place-items:center;padding:25px}.login-wrap{width:min(1000px,100%);min-height:590px;display:grid;grid-template-columns:1fr 1fr;background:white;border-radius:26px;overflow:hidden;box-shadow:0 35px 110px #15336220}.login-story{padding:47px 45px;background:linear-gradient(155deg,#193f7d,#122b57);position:relative;color:white;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-story h2{font-size:38px;line-height:1.24;max-width:330px;position:relative;z-index:2;color:white}.login-story h2 em{font-style:normal;color:#ffb984}.login-story p{color:#bbcee5;font-size:12px;position:relative;z-index:2}.story-stars{letter-spacing:.18em;color:#78ddcb;font-size:10px;font-weight:800}.login-pill{display:inline-flex;gap:9px;align-items:center;background:#ffffff19;padding:10px 13px;border-radius:25px;margin-top:20px;font-size:10px;position:relative;z-index:2}.story-decoration{position:absolute;right:0;bottom:0;left:0;top:0;pointer-events:none}.story-circle{position:absolute;border-radius:100%;border:1px solid #fff2}.circle-one{height:380px;width:380px;right:-120px;bottom:-190px}.circle-two{height:270px;width:270px;right:-67px;bottom:-134px}.story-route{font-size:150px;color:#ffffff13;position:absolute;bottom:30px;right:120px}.story-delivery{position:absolute;bottom:55px;right:25px;font-size:90px;transform:rotate(-7deg);opacity:.65}.login-panel{padding:55px 55px;display:flex;flex-direction:column;justify-content:center}.auth-logo{width:205px;max-width:100%;margin-bottom:48px}.login-panel h1{font-size:30px;margin:8px 0 4px}.login-panel .form-stack{margin-top:25px}.login-panel input{padding:15px 14px}.login-panel .btn{margin-top:9px;padding:15px}.login-foot{margin-top:62px;color:#a5b2c2;font-size:10px}.install-card{width:min(750px,100%);padding:43px 52px;background:white;border-radius:23px;box-shadow:0 20px 95px #15336220}.install-card .auth-logo{margin-bottom:23px}.install-card h1{margin:7px 0}.install-card h3{padding-top:8px;margin-bottom:0}.install-card .form-stack{margin-top:25px}.install-card .btn{width:100%;padding:15px}.install-card .tiny{margin-bottom:0}@keyframes modal-in{from{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:1}}
body.dark{color-scheme:dark;--navy:#b9ccff;--deep:#0e1b31;--ink:#dce6fa;--muted:#8194ad;--gray:#94a5bb;--orange-soft:#432c29;--mint-soft:#1c3a38;--blue-soft:#29345a;--bg:#101929;--surface:#18253a;--border:#293a52;--shadow:0 10px 30px rgba(0,0,0,.1)}.dark .sidebar{background:#162338}.dark .brand img,.dark .auth-logo,.dark .settings-brand img{filter:brightness(1.5) saturate(.87)}.dark .topbar{background:#18253ae8}.dark .breadcrumb strong{color:#dfebff}.dark .nav-item.active{background:#3b302f;color:#ffb18d}.dark .nav-item:hover,.dark .quick-action:hover{background:#273b57;color:white}.dark .nav-mini{background:#26354b}.dark table.data th{background:#1c2b40}.dark table.data tr:hover td{background:#19283e}.dark table.data td strong{color:#dfebff}.dark .chart-legend,.dark .card-head small{color:#91a0b6}.dark .stat-value,.dark .order-total .grand{color:#f0f6ff}.dark .theme-switch{background:#22375f}.dark .theme-thumb{transform:translateX(35px);background:#10203b}.dark .segment-group{background:#263750}.dark .seg-btn.selected{background:#384b66;color:white}.dark .service-banner{background:#2b2c37;border-color:#55403a}.dark .service-banner p{color:#c7aca4}.dark .subtle-note{color:#f1bca1}.dark .type-icon,.dark .stat-icon.orange,.dark .quick-action .quick-icon{background:#45342f}.dark .type-icon.parcel,.dark .stat-icon.green{background:#1b3939}.dark .stat-icon.blue{background:#29345a}.dark .report-progress{background:#33415a}.dark .alert-error{background:#493037}.dark .alert-success{background:#1b4035}
@media(max-width:1250px){:root{--sidebar:238px}.content{padding:26px 24px}.topbar{padding:0 25px}.sidebar{padding-left:9px;padding-right:9px}.dashboard-layout{grid-template-columns:1.5fr 1fr}.stat-card{padding:16px}.stat-value{font-size:24px}}
@media(max-width:1030px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout,.settings-area{grid-template-columns:1fr}.top-actions{gap:11px}.today-tag{display:none}}
@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);transition:transform .2s;width:278px;box-shadow:0 10px 50px #12213a30}.sidebar.open{transform:translateX(0)}.overlay.visible{display:block;position:fixed;inset:0;z-index:35;background:#0718338a}.mobile-menu{display:block}.topbar{height:68px;padding:0 17px}.content{padding:24px 15px 34px}.app-footer{padding:15px;font-size:9px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:24px}.page-heading .heading-actions{width:100%}.overview-hero{padding:24px;min-height:170px}.overview-hero h2{font-size:21px}.hero-btn{align-self:end}.hero-moto{right:30px}.stat-grid{gap:10px}.stat-card{min-height:135px}.stat-value{font-size:21px}.stat-top span:first-child{font-size:10px}.table-top{flex-direction:column;align-items:stretch}.table-filters{align-items:stretch}.search-field{flex:1}.search-field input{min-width:0}.report-two{grid-template-columns:1fr}.report-controls input{width:135px}.version-card{flex-direction:column;align-items:start}}
@media(max-width:470px){.stat-card{padding:14px 12px}.stat-value{font-size:19px}.stat-icon{width:30px;height:30px;font-size:16px}.stat-top span:first-child{font-size:9px}.stat-foot{font-size:9px}.btn{padding:10px 11px}.overview-hero{display:block}.hero-btn{margin-top:17px}.hero-moto{right:-6px}.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid .col-span-2{grid-column:auto}.product-row{grid-template-columns:1fr 57px 75px 24px;gap:4px}.modal-cover{padding:12px 8px}.modal-content{padding:17px}.modal-header{padding:19px}.auth-page{padding:0}.login-wrap{grid-template-columns:1fr;min-height:100vh;border-radius:0}.login-story{display:none}.login-panel{padding:40px 30px}.install-card{padding:30px 22px;border-radius:0}.app-footer span:first-child{max-width:160px}}

/* NEXA GO · seguimiento GPS */
.gps-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.gps-stat{padding:17px 21px;display:flex;flex-direction:column;gap:5px}
.gps-stat .muted{font-size:11px;font-weight:650}
.gps-stat strong{font-size:24px;line-height:1.3;color:var(--navy);font-weight:800}
.gps-stat small{font-size:10px}
.gps-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,.95fr);gap:20px;align-items:start}
.gps-map-card,.gps-side-card{padding:20px}
.gps-map{height:490px;min-height:250px;width:100%;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:#e6eff1;position:relative;z-index:0}
.gps-map .leaflet-control-attribution{font-size:10px!important}
.gps-map-detail{height:265px;min-height:200px;margin-top:12px}
.gps-map-unavailable{display:grid;place-items:center;text-align:center;width:100%;height:100%;padding:24px;color:#64748b;font-size:12px}
.gps-map-footer{color:var(--muted);font-size:10px;margin-top:11px;line-height:1.7}
.gps-side-card{min-height:300px}
.gps-order{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--border)}
.gps-order:first-child{border-top:0}
.gps-order-icon{background:#e7fbf7;color:#199c8c;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-size:21px;flex:none}
.gps-order-main{min-width:0;flex:1}
.gps-order-main strong{display:block;font-size:11px;line-height:1.5}
.gps-order-main small{display:block;line-height:1.55;font-size:10px}
.gps-order-code{font-weight:600;color:var(--muted);font-size:9px;white-space:nowrap}
.gps-on{color:#119d83!important}.gps-warn{color:#df9455!important}.gps-off{color:#96a1b2!important}
.gps-empty{color:var(--muted);font-size:12px;padding:18px 6px}
.gps-consent-note{margin-top:14px;padding:13px 14px;border-radius:11px;background:var(--bg);color:var(--gray);font-size:10px;line-height:1.7}
.gps-detail-info{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:12px}
.gps-status{font-size:12px;font-weight:800}
.gps-time{font-size:10px;color:var(--muted)}
.gps-inline-actions{padding-top:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.gps-inline-actions .muted{font-size:11px}
.ud-gps-icon{display:grid;place-items:center;background:#fff;border-radius:50%;border:3px solid #11b9a1;box-shadow:0 3px 18px #112c4d40;font-size:21px!important}
.ud-gps-icon span{line-height:32px}
.gps-sharing-banner{position:fixed;z-index:110;bottom:20px;right:23px;background:linear-gradient(120deg,#193861,#102a50);color:white;box-shadow:0 13px 35px #0a25565e;border:1px solid #42638d;border-radius:17px;padding:13px 16px;display:flex;align-items:center;gap:12px;max-width:min(425px,calc(100vw - 30px));font-size:12px}
.gps-sharing-banner[hidden]{display:none!important}
.gps-sharing-banner strong,.gps-sharing-banner small{display:block}
.gps-sharing-banner small{font-size:10px;color:#c8dbe9;margin-top:2px}
.gps-pulse{display:inline-block;flex:none;width:11px;height:11px;border-radius:50%;background:#23dfa5;box-shadow:0 0 0 5px #14cea833;animation:gpsbreathe 1.9s infinite}
@keyframes gpsbreathe{50%{box-shadow:0 0 0 10px #14cea80d}}
.gps-sharing-banner .btn.destructive{background:#fff0f1;color:#a92934;border-color:#fff0f1}
body.dark .gps-stat strong{color:#e3eaf9}
body.dark .gps-order-icon{background:#163a39}
body.dark .gps-consent-note{background:#152641}
@media(max-width:1120px){.gps-layout{grid-template-columns:1fr}.gps-map{height:400px}}
@media(max-width:720px){.gps-stats{gap:8px}.gps-stat{padding:12px}.gps-stat strong{font-size:17px}.gps-map{height:330px}.gps-map-detail{height:250px}.gps-sharing-banner{right:10px;bottom:10px;left:10px;max-width:none;padding:11px;gap:8px}.gps-order{gap:9px}.gps-order-code{display:block}.gps-map-card,.gps-side-card{padding:15px}}

/* undomi · servicio de transporte, no catálogo comercial */
.brand img{max-width:205px;}
.brand-caption{letter-spacing:.13em;}
.service-note{background:#edf6ff;border:1px solid #d7e9ff;border-radius:12px;padding:12px 15px;color:#31527a;font-size:12px;}
body.dark .service-note{background:#173356;color:#bfd7f5;border-color:#35577a;}

/* undomi 2.1 · WhatsApp + confirmación por enlace */
.priority-tag{font-size:10px;font-weight:800;display:inline-block;vertical-align:middle;border-radius:7px;padding:3px 7px;background:#f1f5fb;color:#6c7e99}.priority-alta{background:#fff0cf;color:#a66e09}.priority-urgente{background:#ffdfde;color:#b82e35}
tr.delivered-blue td,tr.delivered-blue:hover td{background:#dceaff!important;border-top-color:#b7d4ff!important;color:#174387!important}tr.delivered-blue td strong{color:#123a7f!important}tr.delivered-blue .subtext{color:#5174a9!important}
body.dark tr.delivered-blue td,body.dark tr.delivered-blue:hover td{background:#183f76!important;border-top-color:#2c63a5!important;color:#e9f2ff!important}body.dark tr.delivered-blue td strong{color:#fff!important}body.dark tr.delivered-blue .subtext{color:#bed9ff!important}
.delivery-alert-panel{padding:21px;margin-top:22px;border:1px solid #bdd6ff}.delivery-alert-list{display:grid;gap:8px;margin-top:17px}.delivery-alert-item{display:flex;align-items:center;gap:12px;padding:15px;border-radius:13px;background:#f3f7fd;border:1px solid #e8eef8}.delivery-alert-item.unread{background:#e5f0ff;border-color:#bdd6ff}.delivery-alert-symbol{border-radius:11px;background:#1b6ade;color:white;font-size:18px;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.delivery-alert-main{flex:1;min-width:0}.delivery-alert-main strong{display:block;font-size:12px;color:#174689}.delivery-alert-main small{display:block;color:#6685b0;font-size:10px;margin-top:4px}.delivery-alert-actions{display:flex;gap:5px;flex-wrap:wrap}.notification-button{padding:7px 10px;border:1px solid #c6d8fa;border-radius:11px;background:#eaf2ff;color:#2357ae;font-weight:800;cursor:pointer;white-space:nowrap}.notification-button[hidden]{display:none}.notification-button.alert-new{animation:notification-glow 2.2s infinite}.notification-button span{background:#245fca;border-radius:9px;color:white;padding:2px 6px;font-size:10px}.whatsapp-button{background:#128c60!important;color:white!important;border:1px solid #128c60!important;display:inline-flex;text-align:center;align-items:center;justify-content:center;gap:6px;text-decoration:none}.whatsapp-button:hover:not(:disabled){background:#08764f!important}.whatsapp-button:disabled{opacity:.45;cursor:not-allowed}.whatsapp-ready{text-align:center}.whatsapp-ready .whatsapp-icon{font-size:30px;background:#e1f7eb;border-radius:16px;padding:20px;display:inline-block;color:#0a8455}.whatsapp-ready p{color:var(--muted);line-height:1.7;font-size:12px}.whatsapp-ready .whatsapp-button{width:100%;padding:14px;margin:8px 0 15px}.form-hint{color:var(--muted);font-size:11px;margin:0}.whatsapp-detail .btn{margin-top:8px}.whatsapp-detail p{font-size:11px}
body.dark .delivery-alert-panel{border-color:#325b91}body.dark .delivery-alert-item{background:#1c3350;border-color:#305071}body.dark .delivery-alert-item.unread{background:#214775}body.dark .delivery-alert-main strong{color:#e6f1ff}body.dark .delivery-alert-main small{color:#bad2ef}body.dark .priority-tag{background:#25344f;color:#c7d6ee}body.dark .priority-urgente{background:#692f37;color:#ffc2c8}body.dark .priority-alta{background:#624c25;color:#ffdf92}
@keyframes notification-glow{50%{box-shadow:0 0 0 5px #2669d520}}@media(max-width:760px){.delivery-alert-item{flex-wrap:wrap}.delivery-alert-actions{width:100%}.modal-actions{flex-wrap:wrap}.modal-actions>.btn{flex:1}.notification-button{margin-left:5px}}

/* undomi 2.2: puntuaciones verificables y formulario protegido */
.trust-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:800;border-radius:8px;padding:5px 9px;background:#edf2fb;color:#4d6487;white-space:nowrap}
.trust-tier-1{background:#dff7ef;color:#0f8c69}.trust-tier-2{background:#dceaff;color:#1f63bc}.trust-tier-3{background:#fff0cd;color:#886319}
.trust-policy{padding:18px 23px;margin-bottom:19px;border-left:4px solid #2167d5}.trust-policy p{font-size:11px;margin-bottom:6px}.trust-policy p:last-child{margin:0}
.trust-sensitive{display:flex!important;flex-direction:row!important;align-items:center!important;gap:11px;padding:12px;border:1px solid #d1e5fa;border-radius:11px;background:#f4f9ff}.trust-sensitive input{width:18px;min-width:18px;height:18px;accent-color:#2269d6}
.incident-history{max-height:230px;overflow:auto;margin-top:10px}.incident-item{border:1px solid var(--border);border-radius:11px;padding:12px;margin:8px 0}.incident-item strong,.incident-item small{display:block}.incident-item small{color:var(--muted);font-size:10px}.incident-item p{font-size:11px;margin:8px 0}.incident-item .btn{margin-top:6px}
.modal-attention{animation:modal-attention .36s ease}
@keyframes modal-attention{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
body.dark .trust-policy{border-color:#4675cd}body.dark .trust-sensitive{background:#192d4b;border-color:#385474;color:#c9daef}body.dark .trust-badge{filter:brightness(.95)}

/* DOMMI 2.4.0 — Identidad corporativa final suministrada por la propiedad. */
:root {
 --navy:#1E1C1B; --deep:#141312; --ink:#272523; --muted:#77716E; --gray:#686260;
 --orange:#B6310B; --orange-soft:#F9EDE7; --mint:#198C72; --mint-soft:#E5F7F0;
 --blue:#3568CD; --blue-soft:#EAF2FF; --bg:#F8F7F5; --surface:#FFFFFF;
 --border:#EAE7E5; --shadow:0 12px 36px rgba(35,24,20,.06);
}
body{color:var(--ink);background:var(--bg)}
.sidebar{border-right-color:var(--border)}
.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:7px 14px 24px}
.brand img{width:177px;max-width:100%;height:auto;filter:none;object-fit:contain}
.brand .brand-logo-night,.settings-brand .brand-logo-night{display:none}
.brand-caption{margin:4px 0 0 2px;letter-spacing:.11em;font-size:8px;color:#77716e;text-transform:uppercase}
.nav-item.active{background:#F9EDE7;color:#9D2708;font-weight:800}
.nav-item:hover{background:#FCF3ED;color:#9B2C10}
.nav-item.active .nav-mini{background:#F2DDD1;color:#9A270A}
.eyebrow,.text-link{color:#B6310B}
.topbar{background:rgba(255,255,255,.96)}
.header-avatar,.avatar{background:#FAE8DE;color:#9E2B0D}
.theme-switch{background:#F1DED4;box-shadow:inset 0 0 0 1px #E9CCBE}
.btn.primary{background:#B6310B;border-color:#B6310B;color:#fff;box-shadow:0 8px 18px #B6310B29}
.btn.primary:hover{background:#932709;border-color:#932709}
.btn.dark{background:#252321;border-color:#252321;color:#fff}
.btn:focus-visible,.nav-item:focus-visible,.theme-switch:focus-visible{outline:3px solid #D98568;outline-offset:2px}
.overview-hero{background:linear-gradient(113deg,#22201F 0%,#433027 53%,#82290F 100%)}
.hero-kicker{color:#F2CEBF}
.hero-btn{color:#9C290A}
.stat-value{color:#24211F}
.stat-icon.orange{background:#FAECE5;color:#B6310B}
.pill.orange{color:#9B2B0A;background:#F9EDE7}
.chart-bars .bar.food{background:#B6310B}
.chart-bars .bar.parcel{background:#72706D}
.legend-dot.food{background:#B6310B}
.legend-dot.parcel{background:#72706D}
.quick-action:hover{background:#FFF9F5;border-color:#E6C9BA}
.quick-action .quick-icon{background:#F9EDE7;color:#B6310B}
.version-card{background:linear-gradient(120deg,#282422,#5A2818)}
.auth-page{background:#F8F7F5}
.login-wrap,.install-card{box-shadow:0 28px 95px #35201920}
.login-story{background:linear-gradient(142deg,#23201E,#572C1F 69%,#983411)}
.login-story h2 em{color:#FFC4A8}
.login-story p{color:#F4D4C5}
.login-pill{border-color:#ffffff35}
.story-stars{color:#FFE4D7}
.auth-logo{width:214px;max-width:100%;height:auto;margin-bottom:32px}
.settings-brand img{max-width:195px;height:auto;object-fit:contain}
.modal-header .eyebrow{color:#B6310B}
.notification-button{background:#FAECE4;border-color:#E9C7B6;color:#9B290B}
.notification-button span{background:#B6310B;color:#fff}
/* El azul para 'Entregado' sigue siendo una señal de operación, no otro color corporativo. */
tr.delivered-blue td,tr.delivered-blue:hover td{background:#E1EEFF!important}
body.dark {
 --navy:#F8F7F5; --deep:#10100F; --ink:#EFECEA; --muted:#A8A19D; --gray:#B4AEAA;
 --orange:#DC704A; --orange-soft:#3A2722; --mint-soft:#16352F; --blue-soft:#26354B;
 --bg:#121312; --surface:#20211F; --border:#353533; --shadow:0 10px 30px rgba(0,0,0,.15)
}
body.dark .brand .brand-logo-day,body.dark .settings-brand .brand-logo-day{display:none}
body.dark .brand .brand-logo-night,body.dark .settings-brand .brand-logo-night{display:block}
body.dark .brand-caption{color:#B9B0AB}
body.dark .nav-item.active{background:#442A20;color:#F1B198}
body.dark .nav-item:hover{background:#382A24;color:#F0BAA5}
body.dark .topbar{background:#20211Ff0}
body.dark .overview-hero{background:linear-gradient(112deg,#292523,#6C321D)}
body.dark .stat-value{color:#F4EFEA}
body.dark .version-card{background:linear-gradient(110deg,#292521,#77351D)}
body.dark .notification-button{background:#402B22;color:#FFBEA2;border-color:#68402D}
body.dark .header-avatar,body.dark .avatar{background:#452B22;color:#F2B79F}
body.dark .btn.primary{background:#B6310B;border-color:#B6310B;color:#fff}
body.dark tr.delivered-blue td,body.dark tr.delivered-blue:hover td{background:#183F76!important}
@media(max-width:720px){.brand img{width:157px}.auth-logo{width:192px}}

/* Full-operation testing environment. Explicit warning prevents confusion with production. */
.demo-alert-bar{background:#7d1d07;color:#fff;display:flex;gap:14px;align-items:center;justify-content:center;padding:9px 14px;font:600 12px Poppins,Arial,sans-serif;position:relative;z-index:1001;flex-wrap:wrap;text-align:center}
.demo-alert-bar strong{background:#fff;color:#7d1d07;border-radius:6px;padding:3px 8px;letter-spacing:.09em;font-weight:800}
.demo-app-shell{min-height:calc(100vh - 42px)!important}
@media(max-width:650px){.demo-alert-bar{gap:5px;font-size:10px;padding:7px 12px}}