:root{--color-bg:#0a0b1e;--color-surface:#ffffff0e;--color-surface-alt:#ffffff17;--color-surface-solid:#16172e;--color-border:#ffffff1f;--color-border-bright:#ffffff38;--color-text:#e4e6ea;--color-text-strong:#f5f6f8;--color-text-muted:#9aa0ac;--color-text-dim:#6e7480;--color-input-bg:#00000047;--color-accent:#009982;--color-accent-2:#50cca0;--color-accent-hover:#50cca0;--color-accent-text:#003;--color-hover-bg:#ffffff0f;--color-error-bg:#ff3c3c1f;--color-error-border:#ff3c3c4d;--color-error-text:#ff6c6c;--color-debug:#6a6ae8;--color-debug-bg:#6a6ae81f;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 8px 32px #00000359;--shadow-lift:0 12px 40px #00000366;--glass-inset:inset 0 1px 0 #ffffff14;--focus-ring:0 0 0 3px #00998240,0 0 18px #00998226;--accent-gradient:linear-gradient(135deg,#009982 0%,#50cca0 100%);--accent-glow:0 2px 12px #00998273;--accent-glow-strong:0 4px 18px #00998266;--backdrop:radial-gradient(ellipse 800px 500px at 15% -10%,#00998242,transparent 60%),radial-gradient(ellipse 700px 500px at 95% 15%,#2678f533,transparent 60%),radial-gradient(ellipse 600px 600px at 50% 110%,#50cca01f,transparent 60%),radial-gradient(ellipse 900px 700px at 70% 60%,#4133b42e,transparent 65%),#0a0b1e;--header-bg:#0a0b1e8c;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;color:var(--color-text);background-color:var(--color-bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}:root[data-theme=light]{--color-bg:#eef0f4;--color-surface:#ffffff8c;--color-surface-alt:#ffffffbf;--color-surface-solid:#f6f7f9;--color-border:#1e1e281f;--color-border-bright:#1e1e2838;--color-text:#1e1e24;--color-text-strong:#101014;--color-text-muted:#55555f;--color-text-dim:#7a7a86;--color-input-bg:#ffffffa6;--color-accent:#009982;--color-accent-2:#50cca0;--color-accent-hover:#007d6a;--color-accent-text:#003;--color-hover-bg:#0000330f;--color-error-bg:#ff3c3c14;--color-error-border:#ff3c3c4d;--color-error-text:#d42525;--color-debug:#4133b4;--color-debug-bg:#4133b414;--shadow-sm:0 1px 2px #0000330f;--shadow-md:0 8px 32px #0000331a;--shadow-lift:0 12px 40px #00003324;--glass-inset:inset 0 1px 0 #fff9;--focus-ring:0 0 0 3px #0099822e,0 0 18px #0099821f;--accent-gradient:linear-gradient(135deg,#009982 0%,#50cca0 100%);--accent-glow:0 2px 12px #00998259;--accent-glow-strong:0 4px 18px #0099824d;--backdrop:radial-gradient(ellipse 800px 500px at 15% -10%,#00998224,transparent 60%),radial-gradient(ellipse 700px 500px at 95% 15%,#2678f51c,transparent 60%),radial-gradient(ellipse 600px 600px at 50% 110%,#50cca017,transparent 60%),radial-gradient(ellipse 900px 700px at 70% 60%,#6a6ae814,transparent 65%),#eef0f6;--header-bg:#f6f7fa99;--buncss-light:initial;--buncss-dark: ;color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{background:var(--backdrop);color:var(--color-text);background-attachment:fixed;min-width:320px;min-height:100vh;margin:0;transition:color .15s}.app{display:flex;flex-direction:column;min-height:100vh}.login-card,.panel,.stat-card,.customers-list-panel,.customers-detail-panel{background:var(--color-surface);backdrop-filter:blur(20px)saturate(1.3);-webkit-backdrop-filter:blur(20px)saturate(1.3);border:1px solid var(--color-border);box-shadow:var(--shadow-md),var(--glass-inset)}.login-card{display:flex;box-shadow:var(--shadow-lift),var(--glass-inset);position:relative;overflow:hidden;border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:400px;margin:auto;padding:2.5rem 2rem}.login-card:before{content:"";position:absolute;background:var(--accent-gradient);height:3px;top:0;left:0;right:0}.login-title{text-align:center;color:var(--color-text-strong);margin:0;font-size:1.5rem;font-weight:700}.login-subtitle{color:var(--color-text-muted);text-align:center;margin:0;font-size:.9rem}.login-field{display:flex;flex-direction:column;gap:.35rem}.login-label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.login-input{background:var(--color-input-bg);border:1px solid var(--color-border);color:var(--color-text-strong);outline:none;border-radius:10px;padding:.65rem .8rem;transition:border-color .15s,box-shadow .15s;font-size:.95rem}.login-input:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.login-input:disabled{opacity:.5}.login-hint{color:var(--color-text-dim);font-size:.75rem}.login-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);border-radius:8px;margin:0;padding:.5rem .75rem;font-size:.85rem}.btn{display:inline-flex;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items: center;gap:.5rem;padding:.65rem 1.25rem;transition:background .15s,opacity .15s,transform .1s,box-shadow .15s,border-color .15s,color .15s;font-size:.95rem;font-weight:600}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-gradient);color:var(--color-accent-text);box-shadow:var(--accent-glow-strong)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 26px #0099828c}.btn-ghost{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface-alt);color:var(--color-text-strong);border-color:var(--color-border-bright)}.btn-debug{color:var(--color-debug);border:1px dashed var(--color-debug);background:0 0;padding:.5rem 1rem;font-size:.85rem}.btn-debug:hover{background:var(--color-debug-bg)}.login-link{text-align:center;color:var(--color-text-muted);text-decoration:none;font-size:.85rem}.login-link:hover{color:var(--color-text-strong);text-decoration:underline}.spinner{display:inline-block;animation:spin .6s linear infinite;border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:1em;height:1em}@keyframes spin{to{transform:rotate(360deg)}}.impersonation-banner{display:flex;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;background:#3b3092e6;flex-shrink:0;justify-content:center;align-items: center;gap:1rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.impersonation-banner button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff9;border-radius:999px;padding:.3rem .85rem;transition:background .15s;font-size:.8rem;font-weight:600}.impersonation-banner button:hover:not(:disabled){background:#ffffff26}.impersonation-banner button:disabled{opacity:.6;cursor:not-allowed}.top-header{display:flex;background:var(--header-bg);backdrop-filter:blur(18px)saturate(1.4);-webkit-backdrop-filter:blur(18px)saturate(1.4);border-bottom:1px solid var(--color-border);position:relative;z-index:10;flex-shrink:0;align-items: center;gap:1rem;height:56px;padding:0 1.5rem}.header-brand{color:var(--color-text-strong);white-space:nowrap;margin-right:.5rem;font-size:.95rem;font-weight:700}.top-nav{display:flex;overflow-x:auto;flex:1;align-items: center;gap:.25rem;height:100%}.nav-tab{display:flex;color:var(--color-text-muted);text-decoration:none;white-space:nowrap;border-radius:999px;align-items: center;padding:.45rem .9rem;transition:color .15s,background .15s,box-shadow .15s;font-size:.85rem;font-weight:500}.nav-tab:hover{color:var(--color-text-strong);background:var(--color-hover-bg)}.nav-tab.active{color:var(--color-accent-text);background:var(--accent-gradient);box-shadow:var(--accent-glow)}.header-actions{display:flex;align-items: center;gap:.75rem;margin-left:auto}.nav-menu{position:relative;display:none}.nav-menu-toggle{display:inline-flex;align-items: center;gap:.4rem}.nav-menu-icon{font-size:1rem;line-height:1}.nav-menu-dropdown{position:absolute;overflow-y:auto;display:flex;background:var(--color-surface-solid);border:1px solid var(--color-border);box-shadow:var(--shadow-lift);z-index:20;border-radius:12px;flex-direction:column;gap:.15rem;min-width:200px;max-height:calc(100vh - 80px);padding:.5rem;top:calc(100% + .5rem);left:0}.nav-menu-link{color:var(--color-text-muted);text-decoration:none;border-radius:8px;padding:.55rem .75rem;transition:color .15s,background .15s;font-size:.88rem;font-weight:500}.nav-menu-link:hover{color:var(--color-text-strong);background:var(--color-hover-bg)}.nav-menu-link.active{color:var(--color-accent-text);background:var(--accent-gradient)}@media (max-width:1280px){.top-nav{display:none}.nav-menu{display:block}}.theme-toggle{display:inline-flex;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items: center;width:36px;height:36px;padding:0;transition:background .15s,color .15s,border-color .15s;font-size:1rem}.theme-toggle:hover{background:var(--color-surface-alt);color:var(--color-text-strong);border-color:var(--color-border-bright)}.main-content{overflow-y:auto;flex:1;padding:2rem}.main-content h2{color:var(--color-text-strong);display:inline-block;background:linear-gradient(to right,var(--color-accent),transparent)bottom left/3rem 2px no-repeat;margin:0 0 .5rem;padding-bottom:.25rem;font-size:1.5rem}.main-content p{color:var(--color-text-muted)}.app-footer{text-align:center;color:var(--color-text-dim);border-top:1px solid var(--color-border);background:var(--header-bg);backdrop-filter:blur(18px)saturate(1.4);-webkit-backdrop-filter:blur(18px)saturate(1.4);flex-shrink:0;padding:.85rem 1.5rem;font-size:.78rem}*{scrollbar-width:thin;scrollbar-color:var(--color-border-bright)transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--color-border-bright);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}*::-webkit-scrollbar-track{background:0 0}.panel-row{display:flex;flex-wrap:wrap;align-items: flex-start;gap:1.5rem}.panel-row+.panel-row{margin-top:1.5rem}.sub-tabs{display:flex;gap:.4rem;margin-bottom:1.5rem}.sub-tab{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:999px;padding:.5rem 1rem;transition:color .15s,background .15s,box-shadow .15s,border-color .15s;font-size:.9rem;font-weight:500}.sub-tab:hover{color:var(--color-text-strong);background:var(--color-surface-alt);border-color:var(--color-border-bright)}.sub-tab.active{color:var(--color-accent-text);background:var(--accent-gradient);box-shadow:var(--accent-glow);border-color:#0000}.panel{display:flex;border-radius:16px;flex-direction:column;flex:360px;gap:1.25rem;min-width:0;padding:2rem}.panel-wide{flex:2 480px}.panel-narrow{flex:0 280px}.table-scroll{overflow-y:auto;max-height:420px}.table-scroll table{width:100%}.table-scroll thead th{position:sticky;background:var(--color-surface-solid);z-index:1;top:0}.tree-toggle{display:inline-flex;background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;justify-content:center;align-items: center;width:28px;height:28px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;font-size:1rem;line-height:1}.tree-toggle:hover{background:var(--accent-gradient);color:var(--color-accent-text);box-shadow:var(--accent-glow);border-color:#0000}.tree-nested-cell{border-bottom:1px solid var(--color-border);padding:0!important}.tree-panel{background:var(--color-surface);padding:1rem 1rem 1rem 2.5rem}.tree-panel-inner{border-left:2px solid var(--color-accent);padding-left:1rem}.tree-add-row{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem;margin-top:.75rem}.tree-add-row input,.tree-add-row select{flex:1;min-width:120px}.tree-row-title{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin:0 0 .75rem;font-size:.8rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:.65rem .75rem}th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}tbody tr{transition:background .1s}tbody tr:hover{background:var(--color-hover-bg)}tbody tr:last-child td{border-bottom:none}.customers-layout{display:flex;gap:1.5rem;height:calc(100vh - 56px - 4rem);min-height:400px}.customers-list-panel{display:flex;overflow:hidden;border-radius:16px;flex-direction:column;flex:0 0 380px}.customers-search{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:1rem}.customers-search input{background:var(--color-input-bg);border:1px solid var(--color-border);color:var(--color-text-strong);outline:none;border-radius:10px;width:100%;padding:.6rem .75rem;transition:border-color .15s,box-shadow .15s;font-size:.9rem}.customers-search input:focus{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.customers-rows{overflow-y:auto;flex:1}.customer-row{display:flex;border-bottom:1px solid var(--color-border);cursor:pointer;border-left:3px solid #0000;flex-direction:column;gap:.15rem;padding:.75rem 1rem;transition:background .15s}.customer-row:hover{background:var(--color-hover-bg)}.customer-row.active{background:var(--color-hover-bg);border-left-color:var(--color-accent)}.customer-row-name{color:var(--color-text-strong);font-size:.9rem;font-weight:600}.customer-row-email{color:var(--color-text-muted);font-size:.8rem}.customer-row-empty{color:var(--color-text-muted);padding:1rem;font-size:.85rem}.customers-pagination{display:flex;border-top:1px solid var(--color-border);color:var(--color-text-muted);flex-shrink:0;justify-content:space-between;align-items: center;padding:.65rem 1rem;font-size:.8rem}.customers-detail-panel{overflow-y:auto;border-radius:16px;flex:1;min-width:0;padding:2rem}.customer-detail-empty{display:flex;color:var(--color-text-muted);justify-content:center;align-items: center;height:100%}.customer-detail-name{color:var(--color-text-strong);margin:0 0 1.5rem;font-size:1.3rem}.customer-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.customer-detail-field label{display:block;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin-bottom:.25rem;font-size:.75rem}.customer-detail-field div{color:var(--color-text-strong);word-break:break-word;font-size:.95rem}.customer-bags-heading{margin-top:2rem}.location-map-link{margin-top:1.25rem}.location-new-btn{width:100%;margin-top:.65rem}.customer-detail-header{display:flex;justify-content:space-between;align-items: center;gap:1rem;margin-bottom:1.5rem}.customer-detail-header .customer-detail-name{margin:0}.customer-detail-actions{display:flex;flex-shrink:0;gap:.5rem}.location-form-checkboxes{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:1.5rem}.location-form-checkboxes label{display:flex;color:var(--color-text);cursor:pointer;align-items: center;gap:.4rem;font-size:.85rem}.location-notes-input{resize:vertical;width:100%}.location-hours-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.location-form-actions{display:flex;gap:.75rem;margin-top:2rem}.stat-cards{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem}.stat-card{display:flex;border-radius:16px;flex-direction:column;flex:160px;gap:.35rem;padding:1.25rem 1.5rem;transition:transform .15s,box-shadow .15s,border-color .15s}.stat-card:hover{box-shadow:var(--shadow-lift),0 0 24px #00998226,var(--glass-inset);border-color:#50cca080;transform:translateY(-3px)}.stat-card-value{color:var(--color-text-strong);font-size:1.75rem;font-weight:700}.stat-card-label{color:var(--color-text-muted);font-size:.8rem}.ledger-balance{color:var(--color-text-muted);margin-left:.75rem;font-size:.85rem;font-weight:500}.ledger-credit{color:#50cca0}.ledger-debit{color:#ff3c3c}.bar-chart{display:flex;align-items: flex-end;gap:.5rem;height:200px;padding-top:1rem}.bar-chart-col{display:flex;flex-direction:column;flex:1;justify-content:flex-end;align-items: center;gap:.4rem;height:100%}.bar-chart-bar{background:linear-gradient(#50cca0f2,#009982cc);border-radius:6px 6px 0 0;width:100%;min-height:2px;transition:height .2s,filter .15s;box-shadow:0 0 14px #00998240}.bar-chart-col:hover .bar-chart-bar{filter:brightness(1.2)}.bar-chart-label{color:var(--color-text-muted);white-space:nowrap;font-size:.65rem}.pie-chart-wrap{display:flex;flex-wrap:wrap;align-items: center;gap:1.5rem}.pie-chart{box-shadow:var(--shadow-md);border-radius:50%;flex-shrink:0;width:160px;height:160px}.pie-chart-legend{display:flex;flex-direction:column;gap:.5rem}.pie-chart-legend-item{display:flex;color:var(--color-text);align-items: center;gap:.5rem;font-size:.85rem}.pie-chart-swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px}.pie-chart-legend-count{color:var(--color-text-muted);margin-left:auto}.rpt-subnav{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem;margin-bottom:1.25rem}.rpt-dropdown{position:relative}.rpt-dropdown-toggle{display:inline-flex;background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:10px;align-items: center;gap:.5rem;padding:.55rem 1rem;transition:background .15s,border-color .15s;font-size:.9rem}.rpt-dropdown-toggle:hover{background:var(--color-hover-bg);border-color:var(--color-border-bright)}.rpt-caret{color:var(--color-text-dim);transition:transform .15s;font-size:.65rem}.rpt-dropdown-menu{position:absolute;overflow-y:auto;background:var(--color-surface-solid);border:1px solid var(--color-border);box-shadow:var(--shadow-lift);z-index:20;border-radius:12px;min-width:260px;max-height:360px;padding:.5rem;top:calc(100% + .5rem);left:0}.rpt-dropdown-menu-sm{min-width:200px}.rpt-dropdown-list{display:flex;flex-direction:column;gap:.15rem}.rpt-dropdown-item{display:block;text-align:left;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:.5rem .65rem;transition:background .15s,color .15s;font-size:.88rem}.rpt-dropdown-item:hover{background:var(--color-hover-bg)}.rpt-dropdown-item.active{background:var(--accent-gradient);color:var(--color-accent-text);font-weight:600}.rpt-dropdown-empty{color:var(--color-text-dim);text-align:center;padding:.75rem;font-size:.85rem}.rpt-recent{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem}.rpt-recent-label{color:var(--color-text-dim);margin-right:.15rem;font-size:.8rem}.rpt-recent-tab{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;border-radius:999px;padding:.4rem .85rem;transition:background .15s,color .15s,border-color .15s;font-size:.82rem}.rpt-recent-tab:hover{background:var(--color-hover-bg);color:var(--color-text)}.rpt-recent-tab.active{background:var(--accent-gradient);color:var(--color-accent-text);border-color:#0000;font-weight:600}.rpt-container{display:flex;flex-direction:column;gap:1rem}.rpt-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.75rem}.rpt-date-range{display:flex;align-items: center;gap:.5rem}.rpt-page-size{display:flex;color:var(--color-text-muted);align-items: center;gap:.5rem;font-size:.85rem}.rpt-show-all{display:flex;color:var(--color-text-muted);cursor:pointer;align-items: center;gap:.4rem;font-size:.85rem}.rpt-meta{color:var(--color-text-dim);font-size:.82rem}.rpt-pagination{display:flex;align-items: center;gap:.5rem}.rpt-pagination-bottom{justify-content:flex-end;margin-top:.5rem}.rpt-search{position:relative;flex:240px;min-width:200px}.rpt-search-clear{position:absolute;color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1rem;line-height:1;top:50%;right:.5rem;transform:translateY(-50%)}.rpt-search-clear:hover{color:var(--color-text)}.rpt-table-header{table-layout:fixed;border-collapse:collapse;border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-solid);border-bottom:none;border-radius:12px 12px 0 0;width:100%}.rpt-scroll table{table-layout:fixed;border-collapse:collapse;width:100%}.rpt-select-col{text-align:center;width:32px}.rpt-sortable{position:relative;cursor:pointer;user-select:none;white-space:nowrap}.rpt-sortable:hover{color:var(--color-text-strong)}.rpt-sort-arrow{color:var(--color-accent-2);margin-left:.3rem;font-size:.75rem}.rpt-resize-handle{position:absolute;cursor:col-resize;user-select:none;width:6px;height:100%;top:0;right:0}.rpt-resize-handle:hover{background:var(--color-accent);opacity:.4}.rpt-scroll{overflow-y:auto;border:1px solid var(--color-border);border-radius:0 0 12px 12px;max-height:560px}.rpt-loading,.rpt-empty{text-align:center;color:var(--color-text-dim);padding:2.5rem 1rem}.rpt-row-selected{background:#0099821f!important}