@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff7fb;--surface:#fff;--surface-2:#fff1f8;--ink:#151218;--ink-soft:#4f3a49;--ink-mute:#7f6678;--line:#efd7e3;--line-strong:#e2b8cb;--accent:#ed1566;--accent-strong:#b30d4b;--accent-soft:#ffe1ed;--success:#059669;--warn:#d97706;--danger:#dc2626;--sidebar-bg:linear-gradient(180deg, #161013 0%, #1b1418 55%, #120f11 100%);--shadow-sm:0 10px 24px #6020430f;--shadow:0 24px 70px #6020431f;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 0 0,#ed15661a,#0000 24rem),linear-gradient(#fff9fc 0%,#fff3f8 100%);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);color:#fceef5;border-right:1px solid #ffffff0f;flex-direction:column;gap:1.15rem;height:100vh;padding:1.15rem .9rem;display:flex;position:sticky;top:0;overflow:hidden}.brand{border-bottom:1px solid #ffffff14;flex:none;padding:.35rem .45rem 1rem}.brand-lockup{gap:.7rem;display:grid}.brand-logo-frame{background:#fffffffa;border-radius:18px;justify-content:center;align-items:center;padding:.5rem .7rem;display:flex;box-shadow:0 18px 44px #0003}.brand-logo-image{object-fit:contain;object-position:center;width:100%;max-width:100%;height:auto;display:block}.brand-lockup-sidebar .brand-logo-frame{width:198px}.brand-lockup-auth .brand-logo-frame{width:min(320px,100%);margin-bottom:.35rem}.brand-lockup-auth{justify-items:start;margin-bottom:1rem}.brand-copy{gap:.18rem;display:grid}.brand-copy strong{letter-spacing:-.03em;font-size:1.02rem;display:block}.brand-copy span{color:#c8adbc;font-size:.76rem;line-height:1.4;display:block}.side-nav{scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:.85rem;min-height:0;margin-right:-.3rem;padding:0 .3rem .45rem 0;display:flex;overflow-y:auto}.side-nav-group{gap:.35rem;display:grid}.side-nav-group-items{gap:.22rem;display:grid}.nav-group-label{letter-spacing:.12em;text-transform:uppercase;color:#bc9aac;margin:0;padding:0 .7rem;font-family:IBM Plex Mono,monospace;font-size:.68rem}.side-nav-item{text-align:left;color:#f3d9e5;background:0 0;border:1px solid #0000;border-radius:12px;width:100%;padding:.72rem .78rem;font-size:.9rem;font-weight:500}.side-nav-item:hover{color:#fff;background:#ffffff0f;border-color:#ffffff14}.side-nav-item:focus-visible{outline-offset:2px;outline:2px solid #ffffffa6}.side-nav-item.active{background:linear-gradient(135deg, var(--accent), #ff4f95);color:#fff;border-color:#ffffff1f;box-shadow:0 14px 30px #ed15663d}.sidebar-foot{flex:none;gap:.65rem;padding:0 .3rem;display:grid}.side-nav::-webkit-scrollbar{width:10px}.side-nav::-webkit-scrollbar-track{background:#ffffff08;border-radius:999px}.side-nav::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:2px solid #0000;border-radius:999px}.side-nav::-webkit-scrollbar-thumb:hover{background:#ffffff3d padding-box padding-box}.sidebar-note{color:#c8adbc;margin:0;font-size:.74rem}.main-pane{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.breadcrumb{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin:0;font-family:IBM Plex Mono,monospace;font-size:.68rem}.topbar-meta,.auth-card-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.env-badge{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;background:#ed15661f;border:1px solid #ed156633;border-radius:999px;align-items:center;padding:.24rem .58rem;font-size:.68rem;font-weight:700;display:inline-flex}.topbar h1{letter-spacing:-.03em;margin:.15rem 0 0;font-size:1.42rem;font-weight:700}.topbar-context{color:var(--ink-mute);margin:.3rem 0 0;font-size:.84rem}.topbar-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.topbar-controls label{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;gap:.2rem;font-size:.72rem;display:grid}.page-body{flex:1;padding:1.25rem 1.5rem 2rem}.user-chip{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.user-chip strong{font-size:.88rem;display:block}.user-chip span{color:var(--ink-mute);text-transform:uppercase;font-size:.75rem;display:block}.loading-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-shell{background:radial-gradient(circle at 0 0,#ed156629,#0000 28rem),radial-gradient(circle at 100% 100%,#ffd1ea80,#0000 24rem),linear-gradient(#fff7fb 0%,#fff3f8 48%,#fff0f6 100%);min-height:100vh;padding:2rem}.auth-preview-shell{grid-template-columns:280px minmax(0,1fr);gap:1.5rem;min-height:calc(100vh - 4rem);display:grid}.auth-preview-sidebar{background:var(--sidebar-bg);color:#fceef5;box-shadow:var(--shadow);border-radius:24px;flex-direction:column;gap:1rem;padding:1.15rem .9rem;display:flex}.auth-preview-main{align-content:start;gap:1rem;display:grid}.auth-preview-header{gap:.3rem;padding:.3rem .15rem;display:grid}.auth-preview-header h1{letter-spacing:-.04em;margin:0;font-size:2rem}.auth-preview-description{max-width:56rem;margin:0}.auth-preview-content{grid-template-columns:minmax(0,1.25fr) minmax(360px,.82fr);align-items:start;gap:1rem;display:grid}.auth-preview-workspace{gap:1rem;display:grid}.auth-preview-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-preview-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.auth-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #ed15661f;border-radius:24px;width:100%;padding:1.65rem;position:sticky;top:2rem;box-shadow:0 26px 80px #59153229}.auth-shell>.auth-card{max-width:520px;margin:0 auto}.auth-card h1,.auth-card h2{margin:0 0 .75rem;font-size:1.8rem;line-height:1.1}.auth-card-head .eyebrow{margin-bottom:0}.auth-form{gap:.9rem;margin-top:1rem;display:grid}.auth-form label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;gap:.35rem;font-size:.78rem;display:grid}select,input,textarea{background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;outline:none;width:100%;padding:.62rem .75rem;font-size:.88rem;transition:border-color .12s,box-shadow .12s}select:focus,input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ed15661f}textarea{resize:vertical}.primary-button{background:linear-gradient(135deg, var(--accent), #ff4f95);color:#fff;border:0;border-radius:12px;padding:.62rem .95rem;font-size:.85rem;font-weight:600;transition:transform .12s,box-shadow .12s}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 32px #ed15663d}.secondary-button{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:999px;padding:.62rem .95rem;font-size:.85rem;font-weight:600}.secondary-button:hover{background:var(--surface-2)}.inline-actions button{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);border-radius:6px;padding:.35rem .7rem;font-size:.8rem;font-weight:500}.inline-actions button:hover{background:var(--surface-2)}.inline-button{color:var(--accent);background:0 0;border:0;padding:0;font-weight:600}.inline-button:hover{color:var(--accent-strong)}.stack{gap:1rem;display:grid}.two-col,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.dashboard-grid .wide{grid-column:span 2}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px;padding:1.1rem 1.15rem 1.15rem}.panel h3{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.02rem;font-weight:700}.page-loading-card{align-content:start;min-height:14rem;display:grid}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .15rem;font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:600}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px;padding:.9rem 1rem}.kpi span{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600;display:block}.kpi strong{letter-spacing:-.02em;margin:.35rem 0 .2rem;font-size:1.55rem;font-weight:700;display:block}.kpi small{color:var(--ink-mute);font-size:.75rem;display:block}.bar-series{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.5rem;min-height:11rem;display:grid}.bar-col{color:var(--ink-mute);justify-items:center;gap:.35rem;font-size:.72rem;display:grid}.bar-wrap{background:var(--surface-2);border-radius:4px;align-items:end;width:100%;height:9rem;padding:.25rem;display:flex}.bar-fill{background:linear-gradient(180deg, #ff6aa4, var(--accent-strong));border-radius:3px;width:100%}.board-list,.stack-list{gap:.5rem;display:grid}.board-row,.rank-row,.plan-row,.stop-row,.customer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .1rem;display:flex}.board-list .board-row:last-child,.stack-list>:last-child{border-bottom:0}.rank-row>div,.plan-row>div,.stop-row>div,.customer-head>div{gap:.15rem;min-width:0;display:grid}.rank-row strong,.plan-row strong,.stop-row strong{font-size:.88rem;font-weight:600}.rank-row span,.plan-row span,.stop-row span,.customer-head span,.helper-text{color:var(--ink-mute);font-size:.8rem}.rank-row b,.plan-row b{font-size:.95rem;font-weight:700}.table-wrap{border:1px solid var(--line);border-radius:6px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.6rem .75rem;font-size:.85rem}thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute);background:var(--surface-2);font-size:.7rem;font-weight:600}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:0}.selected-row td{background:#ed156614}.table-wrap a{color:var(--accent);font-weight:600;text-decoration:none}.table-wrap a:hover{text-decoration:underline}.trace-box,.result-box,.totals-box{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;margin-top:.9rem;padding:.85rem .95rem;font-size:.85rem}.totals-box h4{margin:0 0 .5rem;font-size:.85rem;font-weight:600}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.form-grid label,.single-input{color:var(--ink-soft);gap:.3rem;font-size:.78rem;font-weight:500;display:grid}.full-span{grid-column:1/-1}.toolbar{margin-bottom:.9rem}.toolbar-split{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.toolbar-split input{flex:1;min-width:220px}.filter-chips{flex-wrap:wrap;gap:.35rem;display:flex}.chip{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink-soft);border-radius:6px;padding:.4rem .7rem;font-size:.8rem;font-weight:500}.chip:hover{background:var(--surface-2)}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.status{letter-spacing:.04em;text-transform:uppercase;border-radius:3px;padding:.08rem .4rem;font-size:.7rem;font-style:normal;font-weight:600}.status-active{color:var(--success);background:#0596691f}.status-lead{color:var(--warn);background:#d977061f}.status-inactive{background:var(--surface-2);color:var(--ink-mute)}.customer-card{cursor:pointer}.customer-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #ed156629}.customer-grid,.route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.customer-card,.route-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:8px;gap:.5rem;padding:.95rem;display:grid}.customer-card strong,.route-card strong{font-size:.92rem;font-weight:600}.tag-row,.product-pills,.inline-actions,.action-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.action-row{justify-content:flex-end}.tag,.pill{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);border-radius:4px;align-items:center;padding:.18rem .5rem;font-size:.72rem;font-weight:500;display:inline-flex}.checkbox-tag{cursor:pointer;gap:.35rem}.checkbox-tag input{margin:0}.checkbox-tag.active{background:var(--accent-soft);border-color:var(--line-strong)}.customer-product-access small{color:var(--ink-mute);font-size:.74rem;font-weight:400}.pill.success{color:var(--success);background:#0596691a;border-color:#05966940}.pill.severity-info{color:#2563eb;background:#2563eb1a;border-color:#2563eb38}.pill.severity-success{color:var(--success);background:#0596691a;border-color:#05966933}.pill.severity-warning{color:var(--warn);background:#d977061f;border-color:#d9770633}.pill.severity-critical{color:var(--danger);background:#dc26261f;border-color:#dc262633}.pill.channel-whatsapp{color:var(--accent);background:#ed15661f;border-color:#ed156633}.route-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding-bottom:.55rem;display:flex}.result-box ul{margin:.5rem 0 0;padding-left:1.2rem}.helper-text{margin-top:.6rem}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.inset-panel{background:var(--surface-2);border:1px solid var(--line)}.notification-center{position:relative}.notification-center summary{list-style:none}.notification-center summary::-webkit-details-marker{display:none}.notification-trigger{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.notification-trigger strong{background:var(--accent-soft);min-width:1.5rem;height:1.5rem;color:var(--accent);border-radius:999px;place-items:center;display:inline-grid}.notification-panel{background:var(--surface);border:1px solid var(--line);z-index:30;border-radius:16px;width:min(420px,88vw);padding:1rem;position:absolute;top:calc(100% + .75rem);right:0;box-shadow:0 20px 70px #0f172a2e}.notification-panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.notification-card{border:1px solid var(--line);background:linear-gradient(#fffffffa,#fff6fbfa);border-radius:12px;padding:.85rem .9rem}.notification-card strong{margin-bottom:.35rem;display:block}.notification-card p{color:var(--ink-soft);margin:0 0 .75rem;font-size:.82rem}.notification-meta{color:var(--ink-mute);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.72rem;display:flex}.notification-card.severity-critical{border-color:#dc262640}.notification-card.severity-warning{border-color:#d9770640}.notification-card.severity-info{border-color:#2563eb40}.notification-card.severity-success{border-color:#05966938}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:column;align-items:stretch;height:auto;padding:.75rem 1rem;position:static;overflow:visible}.brand{border:0;padding:0}.brand-lockup-sidebar .brand-logo-frame{width:164px}.side-nav{gap:.75rem;margin-right:0;padding:0;overflow:visible}.side-nav-group-items{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-foot{padding:0}.topbar{flex-direction:column;align-items:flex-start}.topbar-controls{justify-content:flex-start}.two-col,.dashboard-grid,.customer-grid,.route-grid,.kpi-grid,.auth-preview-card-grid,.auth-preview-kpis{grid-template-columns:1fr}.dashboard-grid .wide{grid-column:auto}.form-grid{grid-template-columns:1fr}.page-body{padding:1rem}.compact-grid{grid-template-columns:1fr}.notification-panel{left:0;right:auto}.auth-shell{padding:1rem}.auth-preview-shell{grid-template-columns:1fr;min-height:auto}.auth-preview-main{align-content:start}.auth-preview-content{grid-template-columns:1fr}.auth-card{position:static}}.calendar-nav{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.calendar-nav button{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:.35rem .75rem;font-size:.85rem}.calendar-nav button:hover{background:var(--accent-soft);border-color:var(--accent)}.calendar-nav strong{text-align:center;flex:1;font-size:1rem}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.calendar-day{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:180px;overflow:hidden}.calendar-day.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.calendar-day-header{background:var(--surface-2);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.5rem;font-size:.8rem;display:flex}.calendar-day-header strong{font-weight:600}.calendar-day-header span{color:var(--ink-mute)}.calendar-day-body{flex-direction:column;gap:.35rem;padding:.5rem;display:flex}.calendar-item{background:var(--accent-soft);border:1px solid var(--line);border-radius:4px;justify-content:space-between;align-items:center;padding:.3rem .5rem;font-size:.75rem;display:flex}.calendar-item.batch{background:#e0f2fe;border-color:#7dd3fc}.calendar-item-name{font-weight:500}.calendar-item-qty{color:var(--ink-mute);font-size:.7rem}.calendar-shortage{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:.3rem .5rem;font-size:.75rem;font-weight:500}.calendar-empty{color:var(--ink-mute);text-align:center;margin:0;padding:1rem 0;font-size:.75rem}@media (width<=980px){.calendar-grid{grid-template-columns:1fr}.calendar-day{min-height:auto}}.pagination{justify-content:center;align-items:center;gap:1rem;padding:.75rem 0;font-size:.85rem;display:flex}.pagination button{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:.35rem .75rem}.pagination button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.status-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.status-draft{color:#64748b;background:#f1f5f9}.status-badge.status-sent{color:#2563eb;background:#dbeafe}.status-badge.status-partial{color:#d97706;background:#fef3c7}.status-badge.status-paid,.status-badge.status-active{color:#059669;background:#d1fae5}.status-badge.status-void,.status-badge.status-inactive,.status-badge.status-cancelled{color:#dc2626;background:#fee2e2}.status-badge.status-received{color:#4f46e5;background:#e0e7ff}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);width:90%;max-width:480px;box-shadow:var(--shadow);border-radius:12px;padding:1.5rem}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-header h3{margin:0}.modal-close{color:var(--ink-mute);background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--ink)}.label-preview{justify-content:center;padding:1rem 0;display:flex}.label-card{border:2px solid var(--ink);background:#fff;border-radius:8px;align-items:center;gap:1rem;max-width:350px;padding:1rem;display:flex}.label-qr img{width:100px;height:100px}.label-info{flex:1}.label-lot-number{margin-bottom:.25rem;font-family:monospace;font-size:1.1rem;font-weight:700}.label-item{margin-bottom:.15rem;font-weight:600}.label-type{color:var(--ink-mute);text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem}.label-qty{margin-bottom:.25rem;font-size:1rem;font-weight:600}.label-expiry{color:var(--danger);margin-bottom:.25rem;font-size:.85rem;font-weight:500}.label-location{color:var(--ink-soft);font-size:.8rem}.label-date{color:var(--ink-mute);margin-top:.25rem;font-size:.75rem}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.modal-actions button{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;padding:.5rem 1rem}.modal-actions .primary-button{background:var(--accent);color:#fff;border-color:var(--accent)}@media print{body *{visibility:hidden}.label-card,.label-card *{visibility:visible}.label-card{border:2px solid #000;position:absolute;top:0;left:0}}