:root{--font-sans:"Outfit", "Noto Sans Khmer", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Noto Sans Khmer", ui-monospace, "Cascadia Mono", Consolas, monospace;--canvas-bg:#0a0a0f;--canvas-surface:#14141c;--canvas-text:#fff;--canvas-text-muted:#ffffff8c;--canvas-divider:#ffffff12;--nav-translucent:#14141cd9;--accent-yellow:#ffd60a;--accent-green:#30d158;--accent-blue:#0a84ff;--accent-red:#ff3b30;--positive:#30d158;--green-on-light:#1e7b38;--red-on-light:#d70015;--amber-on-light:#8a6d00;--glow-yellow:0 16px 32px -8px #ffd60a59;--glow-green:0 16px 32px -8px #30d15859;--glow-blue:0 16px 32px -8px #0a84ff59;--shadow-sheet:0 -8px 32px #0000002e;--shadow-nav:0 8px 24px #0006;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sheet:32px;--radius-card:24px;--radius-panel:20px;--radius-input:14px;--radius-pill:9999px;--touch-target-min:44px;--page-gutter:20px;--nav-clearance:104px;--bg-base:#fff;--bg-surface:#f5f5f7;--bg-elevated:#fff;--text-primary:#1c1c1e;--text-secondary:#6e6e73;--text-tertiary:#8e8e93;--text-muted:var(--text-tertiary);--divider:#e5e5ea;--divider-strong:#d1d1d6;--glass-bg:#0000000a;--glass-bg-hover:#00000012;--glass-border:#00000014;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 24px #0000001f;--money-pos:var(--green-on-light);--money-neg:var(--red-on-light);--blue-on-light:#0056b3;--theme-volume:var(--blue-on-light);--theme-expenses:var(--amber-on-light);--theme-unit:var(--green-on-light);--prod-color:var(--green-on-light);--sold-color:var(--red-on-light);--kwh-color:var(--amber-on-light);--scroll-thumb:#00000029;--scroll-thumb-hover:#00000057}[data-theme=dark]{--bg-base:#0f0f15;--bg-surface:#14141c;--bg-elevated:#1c1c22;--text-primary:#fff;--text-secondary:#ffffff9e;--text-tertiary:#ffffff6b;--text-muted:var(--text-tertiary);--divider:#ffffff14;--divider-strong:#ffffff29;--glass-bg:#ffffff0d;--glass-bg-hover:#ffffff17;--glass-border:#ffffff17;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 8px 16px #0009;--shadow-lg:0 16px 40px #000c;--money-pos:var(--accent-green);--money-neg:#ff6b61;--theme-volume:var(--accent-blue);--theme-expenses:var(--accent-yellow);--theme-unit:var(--accent-green);--prod-color:var(--accent-green);--sold-color:var(--accent-red);--kwh-color:var(--accent-yellow);--scroll-thumb:#ffffff29;--scroll-thumb-hover:#ffffff5c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;overflow-x:hidden}html::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;transition:background .15s}html:hover::-webkit-scrollbar-thumb{background:var(--scroll-thumb-hover)}html::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-hover)}html::-webkit-scrollbar-corner{background:0 0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);min-height:100dvh;font-size:15px;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font-family:var(--font-sans)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.mono,.money{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.money{font-weight:500}.money.pos{color:var(--money-pos)}.money.neg{color:var(--money-neg)}.money-canvas.pos{color:var(--accent-green)}.money-canvas.neg{color:#ff6b61}.micro-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.page-scaffold{background:var(--canvas-bg);flex-direction:column;min-height:100dvh;display:flex}.canvas-zone{background:var(--canvas-bg);color:var(--canvas-text);padding:var(--space-4) var(--page-gutter) var(--space-8);flex-shrink:0}.sheet-zone{background:var(--bg-base);color:var(--text-primary);border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);box-shadow:var(--shadow-sheet);padding:var(--space-6) var(--page-gutter);padding-bottom:calc(var(--nav-clearance) + env(safe-area-inset-bottom,16px));flex:1;min-height:40dvh}.display-amount{font-family:var(--font-sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:48px;font-weight:800;line-height:1.05}.display-amount .display-decimals{font-family:var(--font-mono);letter-spacing:0;font-size:28px;font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);padding:0 var(--space-5);border-radius:var(--radius-pill);cursor:pointer;min-height:var(--touch-target-min);min-width:var(--touch-target-min);border:none;font-size:15px;font-weight:600;transition:background-color .15s,box-shadow .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--text-primary);color:var(--bg-base);box-shadow:var(--shadow-sm)}.btn-primary:hover{opacity:.88}.btn-secondary{background-color:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background-color:var(--glass-bg-hover)}.btn-outline{border:1px solid var(--divider-strong);color:var(--text-primary);background-color:#0000}.btn-outline:hover{background-color:var(--glass-bg)}.btn-danger{background-color:var(--accent-red);color:#fff}.btn-danger:hover{background-color:#d70015}.btn-ghost{color:var(--text-secondary);background-color:#0000;border:none}.btn-ghost:hover{color:var(--text-primary);background-color:var(--glass-bg-hover)}.btn-sm{padding:0 var(--space-4);min-height:36px;font-size:13px}@media (width<=1023px){.btn-sm{min-height:44px}}.btn-lg{padding:0 var(--space-8);min-height:52px;font-size:16px}.btn-canvas{color:var(--canvas-text);background:#ffffff1a;border:1px solid #ffffff1f}.btn-canvas:hover{background:#ffffff29}.accent-card{border-radius:var(--radius-card);padding:var(--space-5);justify-content:space-between;gap:var(--space-3);flex-direction:column;min-height:120px;display:flex;position:relative;overflow:hidden}.accent-card:after{content:"";filter:blur(40px);pointer-events:none;background:#ffffff26;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.accent-card-yellow{background:var(--accent-yellow);color:#1c1c1e;box-shadow:var(--glow-yellow)}.accent-card-green{background:var(--accent-green);color:#1c1c1e;box-shadow:var(--glow-green)}.accent-card-blue{background:var(--accent-blue);color:#fff;box-shadow:var(--glow-blue)}.accent-card .accent-card-label{text-transform:uppercase;letter-spacing:.08em;opacity:.75;font-size:11px;font-weight:700}.accent-card .accent-card-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:22px;font-weight:700;line-height:1.1}.accent-card .accent-card-sub{opacity:.8;font-size:12px;font-weight:500}.dashboard-cards{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=480px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.dashboard-cards{grid-template-columns:repeat(3,1fr)}}.canvas-card{background:var(--canvas-surface);border:1px solid var(--canvas-divider);border-radius:var(--radius-card);padding:var(--space-5);color:var(--canvas-text)}.glowing-card{border-radius:var(--radius-card);padding:var(--space-5);min-height:160px;color:var(--text-primary);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.glowing-card:after{content:"";background:var(--glass-bg);border-radius:50%;width:120px;height:120px;position:absolute;top:-20%;right:-20%}.glowing-card-yellow{background:var(--bg-surface);box-shadow:var(--glow-yellow);border:1px solid #ffd60a40}.glowing-card-green{background:var(--bg-surface);box-shadow:var(--glow-green);border:1px solid #30d15840}.glowing-card-blue{background:var(--bg-surface);box-shadow:var(--glow-blue);border:1px solid #0a84ff40}.card-interactive{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);transform:translate(0,0)}@media (hover:hover){.card-interactive:hover{transform:translateY(-3px)}}.card-interactive:active{transform:translateY(-1px)scale(.985)}.bottom-sheet{background-color:var(--bg-elevated);color:var(--text-primary);border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);padding:var(--space-12) var(--space-5) var(--space-5);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,16px));box-shadow:var(--shadow-sheet);gap:var(--space-5);flex-direction:column;display:flex}.bottom-sheet-handle{background-color:var(--divider-strong);border-radius:var(--radius-pill);width:36px;height:4px;top:var(--space-4);position:absolute;left:50%;transform:translate(-50%)}.bottom-sheet-inner{gap:var(--space-4);flex-direction:column;display:flex}.centered-modal{background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-card);border:1px solid var(--divider);box-shadow:var(--shadow-lg);padding:var(--space-6);gap:var(--space-5);flex-direction:column;width:100%;max-width:480px;max-height:90dvh;display:flex;overflow-y:auto}.form-group{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.form-label{color:var(--text-primary);font-size:13px;font-weight:600}.qty-inputs-grid .form-label{align-items:flex-end;min-height:36px;display:flex}.form-input{background-color:var(--bg-surface);border:1px solid var(--divider);color:var(--text-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);font-family:var(--font-sans);min-height:var(--touch-target-min);outline:none;width:100%;font-size:16px;transition:border-color .15s,box-shadow .15s,background-color .15s}.form-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #0a84ff38}.form-input.input-numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.form-error{color:var(--accent-red);font-size:13px}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238E8E93' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.form-textarea{resize:vertical;min-height:88px;line-height:1.6}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.form-row-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.sheet-footer{background:var(--bg-elevated);padding-top:var(--space-3);margin-top:var(--space-2);gap:var(--space-2);flex-direction:column;display:flex;position:sticky;bottom:0}.floating-nav{bottom:calc(20px + env(safe-area-inset-bottom,0px));background-color:var(--nav-translucent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-pill);max-width:calc(100vw - 40px);box-shadow:var(--shadow-nav);z-index:100;border:1px solid #ffffff1a;align-items:center;gap:2px;padding:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.floating-nav-item{cursor:pointer;min-height:var(--touch-target-min);border-radius:var(--radius-pill);color:#ffffff8c;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:56px;padding:4px 14px;display:flex;position:relative}.floating-nav-item.active{color:#0a0a0f}.floating-nav-item .nav-label{letter-spacing:.02em;font-size:10px;font-weight:600;line-height:1.2}.floating-nav-center{color:#0a0a0f;cursor:pointer;z-index:1;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:48px;height:48px;margin:0 6px;padding:0;display:flex;position:relative;box-shadow:0 2px 8px #00000026}.floating-nav-center.active{background:var(--accent-blue);color:#fff}.badge{border-radius:var(--radius-pill);font-family:var(--font-sans);white-space:nowrap;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--divider);align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.badge-plain{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.badge:before{content:"";border-radius:50%;width:6px;height:6px;display:block}.badge-green:before{background-color:var(--accent-green);box-shadow:0 0 6px #30d15866}.badge-yellow:before{background-color:var(--accent-yellow);box-shadow:0 0 6px #ffd60a66}.badge-red:before{background-color:var(--accent-red);box-shadow:0 0 6px #ff3b3066}.badge-blue:before{background-color:var(--accent-blue);box-shadow:0 0 6px #0a84ff66}.badge-neutral:before{background-color:var(--text-secondary)}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.skeleton{border-radius:var(--radius-input);background:linear-gradient(90deg, var(--glass-bg) 25%, var(--glass-bg-hover) 50%, var(--glass-bg) 75%);background-size:200%;animation:1.6s linear infinite shimmer}.toast-container{bottom:calc(var(--nav-clearance) + env(safe-area-inset-bottom,0px));z-index:10010;gap:var(--space-2);pointer-events:none;flex-direction:column;align-items:center;width:min(100% - 40px,420px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-panel);font-family:var(--font-sans);pointer-events:all;box-shadow:var(--shadow-lg);background:var(--bg-elevated);width:100%;color:var(--text-primary);border:1px solid var(--divider);font-size:14px;font-weight:500;display:flex}.toast-success svg{color:var(--money-pos)}.toast-error svg{color:var(--accent-red)}.toast-info svg{color:var(--accent-blue)}.list-row{padding:var(--space-4) var(--space-2);border:none;border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:var(--space-3);text-align:left;background:0 0;border-radius:0;width:100%;min-height:64px;transition:background .15s;display:flex}.list-row[data-interactive=true]{cursor:pointer}.list-row[data-interactive=true]:active{background:var(--glass-bg)}@media (hover:hover){.list-row[data-interactive=true]:hover{background:var(--glass-bg)}}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) 0;display:flex}.page-header-title{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700;line-height:1.1}.page-header-sub{color:var(--text-secondary);margin-top:var(--space-1);font-size:13px}.canvas-zone .page-header-sub{color:var(--canvas-text-muted)}.stat-card{background:var(--bg-surface);border:1px solid var(--divider);border-radius:var(--radius-card);padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.data-list-row{background:var(--bg-elevated);border:1px solid var(--divider);border-radius:var(--radius-panel);padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;transition:background .15s;display:flex}.data-list-row[data-interactive=true]{cursor:pointer}.data-list-row[data-interactive=true]:active{background:var(--glass-bg)}.data-list-row+.data-list-row{margin-top:var(--space-2)}.data-list-primary-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.data-list-fields{gap:var(--space-3) var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--divider);grid-template-columns:1fr 1fr;display:grid}.data-list-field{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.data-list-field:nth-child(2n){text-align:right;align-items:flex-end}.data-list-field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:10px;font-weight:700}.data-list-field-value{color:var(--text-primary);font-size:13px;font-weight:500}.data-list-actions{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--divider);display:flex}.scroll-area{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}.scroll-area--x{overflow:auto hidden}.scroll-area--y{overflow:hidden auto}.scroll-area--both{overflow:auto}.scroll-area::-webkit-scrollbar{width:9px;height:9px}.scroll-area::-webkit-scrollbar-track{background:0 0}.scroll-area::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;transition:background .15s}.scroll-area:hover::-webkit-scrollbar-thumb{background:var(--scroll-thumb-hover)}.scroll-area::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-hover)}.scroll-area::-webkit-scrollbar-corner{background:0 0}.data-table-wrap{border:1px solid var(--divider);border-radius:var(--radius-panel);background:var(--bg-elevated);scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;overflow-x:auto}.data-table-wrap::-webkit-scrollbar{height:9px}.data-table-wrap::-webkit-scrollbar-track{background:0 0}.data-table-wrap::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;transition:background .15s}.data-table-wrap:hover::-webkit-scrollbar-thumb{background:var(--scroll-thumb-hover)}.data-table-wrap::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-hover)}.data-table{border-collapse:collapse;width:100%;font-size:12px;font-family:var(--font-sans)}.data-table th{background:var(--bg-surface);color:var(--text-secondary);text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--divider);-webkit-user-select:none;user-select:none;padding:12px 8px;font-size:10px;font-weight:700}.data-table th.sortable{cursor:pointer}.data-table th.sortable:hover{color:var(--text-primary)}.data-table td{border-bottom:1px solid var(--divider);color:var(--text-primary);padding:12px 8px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr[data-interactive=true]{cursor:pointer}@media (hover:hover){.data-table tbody tr:hover td{background:var(--glass-bg)}}.data-table .num{text-align:right;white-space:nowrap;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px}.data-table th.num{font-family:inherit}.data-table--center .num{text-align:right}.data-table td.col-dim,.data-table th.col-dim{color:var(--text-tertiary);font-weight:400}.data-table td.col-key,.data-table th.col-key{color:var(--text-primary);font-weight:600}.data-table td.col-hero,.data-table th.col-hero{color:var(--text-primary);font-weight:700}.data-table td.col-total,.data-table th.col-total{color:var(--text-primary);background:var(--bg-surface);font-weight:800}.data-table th.border-right,.data-table td.border-right{border-right:1.5px solid var(--divider-strong)!important}.col-group-volume{background-color:#0a84ff03!important}.col-group-costs{background-color:#ffd60a03!important}.col-group-unit{background-color:#30d15803!important}.col-produced,.col-produced .editable-value{color:var(--prod-color)!important}.col-sold,.col-sold .editable-value{color:var(--sold-color)!important}.col-kwh,.col-kwh .editable-value{color:var(--kwh-color)!important}.group-header-row th{font-family:var(--font-sans);-webkit-user-select:none;user-select:none;text-align:center;border-bottom:1px solid var(--divider)!important;background:0 0!important;padding:12px 8px 6px!important}.group-badge{text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:4px 12px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.badge-neutral{color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--divider-strong)}.badge-volume{color:var(--theme-volume);background:#0a84ff0f;border:1px solid #0a84ff26}.badge-expenses{color:var(--theme-expenses);background:#ffd60a0f;border:1px solid #ffd60a26}.badge-unit{color:var(--theme-unit);background:#30d1580f;border:1px solid #30d15826}.badge-summary{color:var(--text-primary);background:var(--glass-bg-hover);border:1px solid var(--divider-strong)}.btn-delete-row{color:var(--text-tertiary)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;padding:0!important;transition:all .2s!important;display:inline-flex!important}.btn-delete-row:hover{color:var(--accent-red)!important;background-color:#ff3b3014!important}@media (hover:hover){.data-table tbody tr:hover td{background:var(--glass-bg-hover)!important}}.table-inline-input{border:1px solid var(--divider);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font-mono);text-align:right;background:#ffffff0d;outline:none;width:75px;padding:3px 6px;font-size:11px;transition:border-color .15s,background .15s}.table-inline-input:focus{border-color:var(--accent-blue);background:#ffffff17}.editable-value{border-bottom:1px dashed var(--divider-strong);cursor:pointer;border-radius:3px;padding-bottom:1px;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.editable-value:hover{border-bottom-color:var(--accent-blue);color:var(--accent-blue);background:var(--glass-bg);box-shadow:0 0 0 4px var(--glass-bg)}.editable-value:hover:after{content:" ✎";opacity:.7;font-size:.82em}@keyframes cellSaved{0%{background:#30d15861}to{background:0 0}}.cell-saved{border-radius:3px;animation:.9s ease-out cellSaved}.data-table th[title]{cursor:help}.app-shell{min-height:100dvh}.top-bar{z-index:50;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--canvas-bg);display:flex;position:sticky;top:0}.top-search{align-items:center;gap:var(--space-2);width:100%;min-height:44px;padding:0 var(--space-4);border:1px solid var(--canvas-divider);color:var(--canvas-text-muted);font-size:14.5px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:#ffffff14;border-radius:999px;transition:background .15s,color .15s,border-color .15s;display:flex}.top-search:hover{color:var(--canvas-text);background:#ffffff21}.top-search-text{text-align:left;flex:1}.branch-select{max-width:280px}.canvas-zone .branch-select .form-label{color:var(--canvas-text-muted)}.canvas-zone .branch-select .form-select{border-color:var(--canvas-divider);color:var(--canvas-text);background-color:#ffffff0f}.desktop-sidebar{display:none}@media (width>=1024px){.app-shell{background:var(--canvas-bg);height:100dvh;display:flex;overflow:hidden}.desktop-sidebar{width:256px;height:100dvh;color:var(--canvas-text);z-index:10;background:linear-gradient(#0a0a0f 0%,#111118 70%,#08080c 100%);border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;box-shadow:4px 0 24px #0006}.sidebar-brand-container{padding:var(--space-6) var(--space-5) var(--space-4);justify-content:space-between;align-items:center;transition:padding .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-brand{letter-spacing:.08em;color:var(--canvas-text);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.sidebar-logo-icon{background:var(--canvas-surface);border:1px solid var(--canvas-divider);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.sidebar-brand:hover .sidebar-logo-icon{transform:rotate(15deg)scale(1.1)}.sidebar-minimize-btn{color:var(--canvas-text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-minimize-btn:hover{color:var(--canvas-text);background:#ffffff14;border-color:#ffffff26;transform:scale(1.05)}.logo-toggle-hover{position:relative;overflow:hidden}.logo-toggle-hover .logo-normal-icon{opacity:1;transition:opacity .2s,transform .2s;transform:scale(1)}.logo-toggle-hover .logo-hover-icon{opacity:0;transition:opacity .2s,transform .2s;position:absolute;transform:scale(.6)}.sidebar-brand-toggle:hover .logo-normal-icon{opacity:0;transform:scale(.6)}.sidebar-brand-toggle:hover .logo-hover-icon{opacity:1;transform:scale(1)}.desktop-sidebar.minimized{width:68px}.desktop-sidebar.minimized .sidebar-brand-container{padding:var(--space-6) 0 var(--space-4);gap:var(--space-4);flex-direction:column;justify-content:center;align-items:center}.desktop-sidebar.minimized .sidebar-brand-container .sidebar-brand{justify-content:center}.desktop-sidebar.minimized .sidebar-minimize-btn{display:none!important}.desktop-sidebar.minimized .sidebar-group-header{opacity:0;padding:var(--space-2) 0;height:1px;margin-bottom:var(--space-2);border-bottom:1px solid #ffffff0f;overflow:hidden}.desktop-sidebar.minimized .sidebar-nav{padding:var(--space-2) 0;flex-direction:column;align-items:center;display:flex}.desktop-sidebar.minimized .sidebar-group{flex-direction:column;align-items:center;width:100%;display:flex}.desktop-sidebar.minimized .sidebar-group-items{align-items:center;width:100%}.desktop-sidebar.minimized .sidebar-nav a span{display:none!important}.desktop-sidebar.minimized .sidebar-nav a{justify-content:center;gap:0;width:44px;margin-left:auto;margin-right:auto;padding:10px!important}.desktop-sidebar.minimized .sidebar-nav a:before{left:2px}.desktop-sidebar.minimized .sidebar-branch{box-shadow:none!important;margin:0 0 var(--space-3) 0!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:0!important;display:flex!important}.desktop-sidebar.minimized .sidebar-branch.sidebar-branch-no-card{margin-left:0!important;margin-right:0!important;margin:0 0 var(--space-3) 0!important}.desktop-sidebar.minimized .sidebar-branch .form-group{justify-content:center!important;align-items:center!important;width:auto!important;margin:0!important;display:flex!important}.desktop-sidebar.minimized .sidebar-branch .sidebar-branch-label{display:none!important}.desktop-sidebar.minimized .sidebar-branch button[aria-haspopup=listbox]{background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;min-height:36px!important;margin:0 auto!important;padding:0!important;display:flex!important}.desktop-sidebar.minimized .sidebar-branch button[aria-haspopup=listbox]>span{justify-content:center!important;align-items:center!important;gap:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-size:0!important;display:flex!important}.desktop-sidebar.minimized .sidebar-branch button[aria-haspopup=listbox]>span>span{display:none!important}.desktop-sidebar.minimized .sidebar-branch button[aria-haspopup=listbox]>span svg,.desktop-sidebar.minimized .sidebar-branch button[aria-haspopup=listbox]>span img{margin:0!important}.desktop-sidebar.minimized .sidebar-branch button[aria-haspopup=listbox]>svg,.desktop-sidebar.minimized .sidebar-branch button:not([aria-haspopup=listbox]){display:none!important}.desktop-sidebar.minimized .sidebar-minimized-settings{justify-content:center!important;align-items:center!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important}.desktop-sidebar.minimized .sidebar-minimized-settings .form-group{margin-bottom:0;justify-content:center!important;align-items:center!important;width:auto!important;margin:0!important;display:flex!important}.desktop-sidebar.minimized .sidebar-minimized-settings button[aria-haspopup=listbox]{transition:color .2s,transform .2s;width:32px!important;height:32px!important;min-height:32px!important;box-shadow:none!important;color:var(--canvas-text-muted)!important;background:0 0!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;padding:0!important;display:flex!important}.desktop-sidebar.minimized .sidebar-minimized-settings button[aria-haspopup=listbox]:hover{transform:scale(1.08);color:var(--canvas-text)!important;background:0 0!important}.desktop-sidebar.minimized .sidebar-minimized-settings button[aria-haspopup=listbox] span{justify-content:center!important;align-items:center!important;gap:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-size:0!important;display:flex!important}.desktop-sidebar.minimized .sidebar-minimized-settings button[aria-haspopup=listbox] span svg{width:18px!important;height:18px!important;margin:0!important}.desktop-sidebar.minimized .sidebar-minimized-settings button[aria-haspopup=listbox]>svg{display:none!important}.desktop-sidebar.minimized .sidebar-foot{gap:var(--space-3);flex-direction:column;justify-content:center;align-items:center;padding:var(--space-4) 0!important;width:100%!important}.desktop-sidebar.minimized .sidebar-foot .foot-user{flex:none!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0!important;display:flex!important}.desktop-sidebar.minimized .sidebar-foot .sidebar-user-avatar{justify-content:center!important;align-items:center!important;margin:0 auto!important;display:flex!important}.desktop-sidebar.minimized .sidebar-foot .foot-user-info,.desktop-sidebar.minimized .sidebar-foot-actions{display:none!important}.sidebar-branch{margin:0 var(--space-3) var(--space-4);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #ffffff08,0 4px 12px #0003}.sidebar-branch:hover{background:#ffffff0a;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0f,0 6px 16px #00000040}.sidebar-branch.sidebar-branch-no-card{box-shadow:none!important;background:0 0!important;border:none!important;margin-left:14px!important;margin-right:14px!important;padding:0!important}.sidebar-branch.sidebar-branch-no-card:hover{box-shadow:none!important;background:0 0!important;border:none!important}.sidebar-branch-label{text-transform:uppercase;letter-spacing:.08em;color:var(--canvas-text-muted);align-items:center;gap:6px;margin-bottom:8px;margin-left:2px;font-size:11px;font-weight:700;display:flex}.sidebar-branch-label svg{flex-shrink:0}.sidebar-branch .form-group{gap:6px}.sidebar-branch :is(button,.form-input){color:var(--canvas-text);font-weight:700}.sidebar-branch button{background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:8px!important;min-height:38px!important;padding:8px 12px!important;transition:all .2s!important}.sidebar-branch button:hover{transform:translateY(-.5px);background:#ffffff14!important;border-color:#ffffff26!important}.sidebar-branch button[aria-expanded=true]{background:#ffffff1a!important;border-color:#ffffff2e!important}.sidebar-branch button:active{transform:translateY(0);background:#ffffff0a!important}.sidebar-nav{padding:var(--space-2) var(--space-3);flex:1;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-group{margin-bottom:var(--space-4)}.sidebar-group:last-child{margin-bottom:0}.sidebar-group-header{text-transform:uppercase;letter-spacing:.12em;color:var(--canvas-text-muted);padding:var(--space-4) 14px var(--space-2);opacity:.55;align-items:center;gap:8px;font-size:10.5px;font-weight:700;display:flex}.sidebar-group-header:after{content:"";background:linear-gradient(90deg,#ffffff14 0%,#0000 100%);flex:1;height:1px}.sidebar-group-items{flex-direction:column;gap:2px;display:flex}.sidebar-nav a{align-items:center;gap:var(--space-3);color:#ffffffa6;border-radius:var(--radius-input);border:1px solid #0000;margin-bottom:2px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-nav a:hover{color:var(--canvas-text);background:#ffffff0d;padding-left:17px}.sidebar-nav a svg{transition:transform .2s,color .2s}.sidebar-nav a:hover svg{color:#fff;transform:scale(1.08)}.sidebar-nav a:before{content:"";opacity:0;background:currentColor;border-radius:99px;width:3.5px;height:16px;transition:transform .2s,opacity .2s;position:absolute;top:50%;left:6px;transform:translateY(-50%)scaleY(0)}.sidebar-nav a.active:before{opacity:.9;transform:translateY(-50%)scaleY(1)}.sidebar-nav a.active{color:#0a0a0f;background:#fff;padding-left:18px;font-weight:600;box-shadow:0 4px 12px #00000026}.desktop-sidebar.minimized .sidebar-nav a:hover{padding-left:10px!important}.desktop-sidebar.minimized .sidebar-nav a.active{width:44px;margin-left:auto;margin-right:auto;padding-left:10px!important}.sidebar-foot{padding:var(--space-4) var(--space-5);background:#00000026;border-top:1px solid #ffffff0f;align-items:center;gap:12px;font-size:13px;display:flex}.sidebar-user-avatar{color:#fff;background:linear-gradient(135deg,#0a84ff 0%,#8b5cf6 100%);border:1.5px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 0 10px #0a84ff33}.sidebar-foot .foot-user:hover .sidebar-user-avatar{transform:scale(1.06);box-shadow:0 0 14px #0a84ff66}.sidebar-foot .foot-user{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sidebar-foot .foot-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-foot .foot-user-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:600;transition:color .15s;display:block;overflow:hidden}.sidebar-foot .foot-user:hover .foot-user-name{color:var(--accent-blue)}.sidebar-foot .foot-user .foot-role{color:var(--canvas-text-muted);font-size:11px;font-weight:500}.sidebar-foot-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.sidebar-logout-btn{width:34px;height:34px;color:var(--canvas-text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-logout-btn:hover{color:#ff453a;background:#ff3b3026;border-color:#ff3b304d;transform:scale(1.05)}.desktop-main{background-color:var(--bg-base);background-image:radial-gradient(ellipse 100% 100% at 50% 0%, var(--bleed-glow-color) 0%, transparent 100%);border-top-left-radius:var(--radius-sheet);border-bottom-left-radius:var(--radius-sheet);background-repeat:no-repeat;background-size:130% 300px;flex-direction:column;flex:1;min-width:0;margin:0;animation:16s ease-in-out infinite alternate bleed-wave;display:flex;overflow-y:auto}.desktop-view{padding:var(--space-6) var(--space-8);flex:1;width:100%;max-width:1280px;margin:0 auto}.top-bar{padding:var(--space-4) var(--space-8);z-index:50!important;background-color:var(--bg-base)!important;border-bottom:1px solid var(--divider)!important;position:sticky!important;top:0!important}.top-search{background:var(--bg-surface);border-color:var(--divider);max-width:420px;color:var(--text-secondary)}.top-search:hover{background:var(--bg-surface);border-color:var(--text-secondary);color:var(--text-primary)}.floating-nav{display:none}.sheet-zone{box-shadow:none;padding-bottom:var(--space-8);border-radius:0}.toast-container{bottom:var(--space-6)}}@keyframes bleed-wave{0%{background-position:48% 0;background-size:130% 300px}50%{background-position:52% 0;background-size:155% 360px}to{background-position:48% 0;background-size:130% 300px}}.mobile-layout-root{background-color:var(--bg-base);background-image:radial-gradient(ellipse 100% 100% at 50% 0%, var(--bleed-glow-color) 0%, transparent 100%);background-repeat:no-repeat;background-size:130% 300px;animation:16s ease-in-out infinite alternate bleed-wave}@media (width>=768px){:root{--page-gutter:32px}}@media (width>=768px) and (width<=1023px){.bottom-sheet{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;max-width:600px;margin-inline:auto}.floating-nav{gap:8px;padding:8px}.floating-nav-item{min-width:84px}}.sale-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--divider);min-height:64px;display:flex}.staff-container{flex-direction:column;display:flex}.staff-card{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--divider);min-height:64px;display:flex}@media (width>=1024px){.staff-container{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.staff-card{background:var(--bg-elevated);border:1px solid var(--divider);border-radius:var(--radius-panel);padding:var(--space-4);min-height:auto;box-shadow:var(--shadow-sm)}}.debtor-card{background:var(--bg-elevated);border:1px solid var(--divider);border-left:4px solid var(--accent-red);border-radius:var(--radius-panel);padding:var(--space-4) var(--space-5)}.debtor-phone{min-height:var(--touch-target-min);color:var(--accent-blue);align-items:center;gap:6px;margin-top:2px;font-size:14px;text-decoration:none;display:inline-flex}.debtor-actions{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=480px){.debtor-actions{grid-template-columns:repeat(4,1fr)}}.muted{color:var(--text-secondary)}.spacer{flex:1}.stack{flex-direction:column;display:flex}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.hrow{align-items:center;display:flex}.tap-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min);justify-content:center;align-items:center;display:inline-flex}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.app-container{background-color:var(--bg-base);width:100%;min-height:100dvh;padding:0 var(--page-gutter);flex-direction:column;display:flex;position:relative}.preview-page{gap:var(--space-8);padding-top:var(--space-8);flex-direction:column;padding-bottom:120px;display:flex}.preview-section{gap:var(--space-4);flex-direction:column;display:flex}.preview-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding-bottom:var(--space-2);border-bottom:1px solid var(--divider);font-size:11px;font-weight:700}.preview-item-stack{gap:var(--space-4);flex-direction:column;display:flex}.font-mono{font-family:var(--font-mono)}.text-balance-amount{letter-spacing:-.05em;font-size:3rem;font-weight:800;line-height:1}.text-decimal{font-family:var(--font-mono);opacity:.6;font-size:1.75rem;font-weight:500}.auth-page{background:var(--bg-base);min-height:100dvh;color:var(--text-primary);padding:max(48px, 10vh) var(--page-gutter) 60px;flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.auth-card{gap:var(--space-6);background:0 0;border:none;border-radius:0;flex-direction:column;width:100%;max-width:380px;padding:0;display:flex}.auth-brand{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.auth-brand-mark{border-radius:var(--radius-panel);background:var(--bg-surface);border:1px solid var(--divider);width:64px;height:64px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.auth-form{background:var(--bg-surface);border:1px solid var(--divider);border-radius:var(--radius-card);padding:var(--space-6) var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.auth-form .form-label{color:var(--text-primary)}.auth-form .form-input{background:var(--bg-elevated);border-color:var(--divider);color:var(--text-primary)}.auth-form .form-input:focus{border-color:var(--accent-blue)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skeleton{animation:none}}@media (width>=1024px){.data-table th,.data-table td{padding:12px 9px}}.sidebar-branch,.dropdown-trigger-suong,.dropdown-trigger-svay_antor,.dropdown-trigger-head_office,.segmented-item{transition:all .3s cubic-bezier(.4,0,.2,1)}button.dropdown-option-suong{margin-bottom:4px;color:#961a1a!important;background:#faf6f0!important;border:1px solid #961a1a33!important;font-weight:600!important}button.dropdown-option-suong:hover{background:#f4efea!important}button.dropdown-option-svay_antor{margin-bottom:4px;background:var(--svay-opt-bg,#0a84ff26)!important;color:var(--svay-opt-color,#3899ff)!important;border:1px solid var(--svay-opt-border,#0a84ff40)!important;font-weight:600!important}[data-theme=light] button.dropdown-option-svay_antor{--svay-opt-bg:#0056b314;--svay-opt-color:#0056b3;--svay-opt-border:#0056b333}button.dropdown-option-svay_antor:hover{background:var(--svay-opt-bg-hover,#0a84ff40)!important}[data-theme=light] button.dropdown-option-svay_antor:hover{--svay-opt-bg-hover:#0056b324}button.dropdown-option-head_office{margin-bottom:4px;background:var(--ho-opt-bg,#8b5cf626)!important;color:var(--ho-opt-color,#a78bfa)!important;border:1px solid var(--ho-opt-border,#8b5cf640)!important;font-weight:600!important}[data-theme=light] button.dropdown-option-head_office{--ho-opt-bg:#6d28d914;--ho-opt-color:#6d28d9;--ho-opt-border:#6d28d933}button.dropdown-option-head_office:hover{background:var(--ho-opt-bg-hover,#8b5cf640)!important}[data-theme=light] button.dropdown-option-head_office:hover{--ho-opt-bg-hover:#6d28d924}.dropdown-trigger-head_office{background:var(--ho-opt-bg,#8b5cf626)!important;border-color:var(--ho-opt-border,#8b5cf640)!important;color:var(--ho-opt-color,#a78bfa)!important}[data-theme=light] .dropdown-trigger-head_office{--ho-opt-bg:#6d28d914;--ho-opt-color:#6d28d9;--ho-opt-border:#6d28d933}html[data-branch=suong] .dropdown-trigger-suong{color:#961a1a!important;background:#faf6f0!important;border-color:#961a1a!important}html[data-branch=suong] .segmented-item-suong.segmented-item{color:#961a1a!important}html[data-branch=suong] .segmented-item-suong.segmented-item>div{background:#faf6f0!important;border-color:#961a1a!important}html[data-branch=svay_antor]{--svay-dropdown-bg:#0a84ff26;--svay-dropdown-border:#3899ff;--svay-dropdown-text:#3899ff}html[data-theme=light][data-branch=svay_antor]{--svay-dropdown-bg:#0056b326;--svay-dropdown-border:#0056b3;--svay-dropdown-text:#0056b3}html[data-branch=svay_antor] .dropdown-trigger-svay_antor{background:var(--svay-dropdown-bg)!important;border-color:var(--svay-dropdown-border)!important;color:var(--svay-dropdown-text)!important}html[data-branch=svay_antor] .segmented-item-svay_antor.segmented-item{color:#3899ff!important}html[data-theme=light][data-branch=svay_antor] .segmented-item-svay_antor.segmented-item{color:#0056b3!important}html[data-branch=svay_antor] .segmented-item-svay_antor.segmented-item>div{background:#0a84ff26!important;border-color:#3899ff!important}html[data-theme=light][data-branch=svay_antor] .segmented-item-svay_antor.segmented-item>div{background:#e6f0fa!important;border-color:#0056b3!important}html[data-branch=head_office]{--ho-dropdown-bg:#8b5cf626;--ho-dropdown-border:#a78bfa;--ho-dropdown-text:#a78bfa}html[data-theme=light][data-branch=head_office]{--ho-dropdown-bg:#6d28d914;--ho-dropdown-border:#6d28d9;--ho-dropdown-text:#6d28d9}html[data-branch=head_office] .dropdown-trigger-head_office{background:var(--ho-dropdown-bg)!important;border-color:var(--ho-dropdown-border)!important;color:var(--ho-dropdown-text)!important}html[data-branch=head_office] .segmented-item-head_office.segmented-item{color:#a78bfa!important}html[data-theme=light][data-branch=head_office] .segmented-item-head_office.segmented-item{color:#6d28d9!important}html[data-branch=head_office] .segmented-item-head_office.segmented-item>div{background:#8b5cf626!important;border-color:#a78bfa!important}html[data-theme=light][data-branch=head_office] .segmented-item-head_office.segmented-item>div{background:#f5f3ff!important;border-color:#6d28d9!important}html[data-logged-in=true]:before{content:"";z-index:99999;pointer-events:none;background:0 0;height:4px;transition:background-color .3s,background .3s;position:fixed;top:0;left:0;right:0}html[data-logged-in=true][data-branch=suong]:before{background:var(--branch-color-suong,#961a1a)!important}html[data-logged-in=true][data-branch=svay_antor]:before{background:var(--branch-color-svay_antor,#3899ff)!important}html[data-logged-in=true][data-branch=head_office]:before{background:var(--branch-color-head_office,#8b5cf6)!important}html[data-logged-in=true][data-branch=overall]:before{background-color:#0000!important;background-image:linear-gradient(90deg, var(--branch-color-suong,#961a1a), var(--branch-color-svay_antor,#3899ff), var(--branch-color-head_office,#8b5cf6), var(--branch-color-suong,#961a1a))!important;background-repeat:repeat!important;background-size:200% 100%!important;animation:10s linear infinite flow-rainbow!important}@keyframes flow-rainbow{0%{background-position:0 0}to{background-position:-200% 0}}html{--branch-active-color:var(--branch-color-suong,#961a1a);--bleed-glow-color:color-mix(in srgb, var(--branch-active-color) 5%, transparent)}html[data-branch=svay_antor]{--branch-active-color:var(--branch-color-svay_antor,#3899ff)}html[data-branch=head_office]{--branch-active-color:var(--branch-color-head_office,#8b5cf6)}html[data-branch=overall]{--branch-active-color:var(--branch-color-suong,#961a1a)}html[data-theme=dark]{--bleed-glow-color:color-mix(in srgb, var(--branch-active-color) 11%, transparent)}html[data-branch=suong]{--accent-blue:var(--branch-color-suong,#961a1a)}html[data-branch=suong] .btn-primary{background-color:var(--branch-color-suong,#961a1a)!important;color:#fff!important}html[data-branch=svay_antor]{--accent-blue:var(--branch-color-svay_antor,#3899ff)}html[data-branch=svay_antor] .btn-primary{background-color:color-mix(in srgb, var(--branch-color-svay_antor,#3899ff) 80%, #000)!important;color:#fff!important}html[data-branch=head_office]{--accent-blue:var(--branch-color-head_office,#8b5cf6)}html[data-branch=head_office] .btn-primary{background-color:color-mix(in srgb, var(--branch-color-head_office,#8b5cf6) 80%, #000)!important;color:#fff!important}html[data-branch=suong] .floating-nav-item.active>span:first-child{background-color:var(--branch-color-suong,#961a1a)!important}html[data-branch=suong] .floating-nav-item.active{color:#fff!important}html[data-branch=suong] .floating-nav-center.active{background:var(--branch-color-suong,#961a1a)!important;color:#fff!important}html[data-branch=svay_antor] .floating-nav-item.active>span:first-child{background-color:color-mix(in srgb, var(--branch-color-svay_antor,#3899ff) 80%, #000)!important}html[data-branch=svay_antor] .floating-nav-item.active{color:#fff!important}html[data-branch=svay_antor] .floating-nav-center.active{background:var(--branch-color-svay_antor,#3899ff)!important;color:#fff!important}html[data-branch=head_office] .floating-nav-item.active>span:first-child{background-color:color-mix(in srgb, var(--branch-color-head_office,#8b5cf6) 80%, #000)!important}html[data-branch=head_office] .floating-nav-item.active{color:#fff!important}html[data-branch=head_office] .floating-nav-center.active{background:var(--branch-color-head_office,#8b5cf6)!important;color:#fff!important}html[data-branch=overall] .floating-nav-center.active{background:linear-gradient(135deg, var(--branch-color-suong,#961a1a), var(--branch-color-svay_antor,#3899ff), var(--branch-color-head_office,#8b5cf6))!important;color:#fff!important}html[data-branch=suong] .sidebar-nav a.active{background:var(--branch-color-suong,#961a1a)!important;color:#fff!important}html[data-branch=svay_antor] .sidebar-nav a.active{background:color-mix(in srgb, var(--branch-color-svay_antor,#3899ff) 80%, #000)!important;color:#fff!important}html[data-branch=head_office] .sidebar-nav a.active{background:color-mix(in srgb, var(--branch-color-head_office,#8b5cf6) 80%, #000)!important;color:#fff!important}html[data-branch=suong] .page-scaffold{background:linear-gradient(135deg, #0a0a0f 0%, color-mix(in srgb, var(--branch-color-suong,#961a1a) 25%, #0a0a0f) 100%)!important}html[data-branch=suong] .canvas-zone{background:0 0!important}html[data-branch=suong] .canvas-card{background:linear-gradient(135deg, #0a0a0f 0%, color-mix(in srgb, var(--branch-color-suong,#961a1a) 25%, #0a0a0f) 100%)!important}html[data-branch=svay_antor] .page-scaffold{background:linear-gradient(135deg, #0a0a0f 0%, color-mix(in srgb, var(--branch-color-svay_antor,#3899ff) 25%, #0a0a0f) 100%)!important}html[data-branch=svay_antor] .canvas-zone{background:0 0!important}html[data-branch=svay_antor] .canvas-card{background:linear-gradient(135deg, #0a0a0f 0%, color-mix(in srgb, var(--branch-color-svay_antor,#3899ff) 25%, #0a0a0f) 100%)!important}html[data-branch=head_office] .page-scaffold{background:linear-gradient(135deg, #0a0a0f 0%, color-mix(in srgb, var(--branch-color-head_office,#8b5cf6) 25%, #0a0a0f) 100%)!important}html[data-branch=head_office] .canvas-zone{background:0 0!important}html[data-branch=head_office] .canvas-card{background:linear-gradient(135deg, #0a0a0f 0%, color-mix(in srgb, var(--branch-color-head_office,#8b5cf6) 25%, #0a0a0f) 100%)!important}.header-settings-btn:hover{background-color:var(--glass-bg);color:var(--text-primary)}@keyframes rainFall{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1}90%{opacity:.8}to{opacity:0;transform:translateY(100vh)}}.rain-overlay{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.rain-drop{will-change:transform;background:linear-gradient(#93d2ff00,#93d2ffcc);border-radius:2px;width:1.5px;animation:linear infinite rainFall;position:absolute;top:-20px}.investor-gate{background:#0a0a0f;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.investor-gate:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 30% 20%,#0a84ff1f 0%,#0000 70%),radial-gradient(50% 50% at 80% 80%,#30d15814 0%,#0000 70%);position:absolute;inset:0}.investor-gate-card{z-index:20;-webkit-backdrop-filter:blur(24px)saturate(1.6);background:#14141ed9;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:440px;padding:48px 40px 40px;position:relative;box-shadow:0 32px 64px #00000080,inset 0 1px #ffffff0f}.investor-gate-header{text-align:center;margin-bottom:36px}.investor-gate-icon{color:#0a84ff;background:linear-gradient(135deg,#0a84ff22,#0a84ff44);border:1px solid #0a84ff4d;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.investor-gate-title{font-family:var(--font-sans);color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:26px;font-weight:700}.investor-gate-subtitle{color:#ffffff73;margin:0;font-size:13.5px}.investor-gate-greeting{color:#ffffffb3;background:#30d1581a;border:1px solid #30d15833;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:15px}.investor-gate-greeting strong{color:#30d158}.investor-gate-form{flex-direction:column;gap:14px;display:flex}.investor-gate-question{color:#ffffffd9;align-items:center;gap:10px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.investor-gate-input{color:#fff;width:100%;font-size:16px;font-family:var(--font-sans);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.investor-gate-input::placeholder{color:#ffffff40}.investor-gate-input:focus{border-color:#0a84ff;outline:none;box-shadow:0 0 0 3px #0a84ff2e}.investor-gate-input.pin-input{letter-spacing:4px;text-align:center;padding-right:44px;font-size:20px}.pin-toggle{color:#fff6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pin-toggle:hover{color:#fffc}.investor-gate-error{color:#ff453a;background:#ff453a1f;border:1px solid #ff453a33;border-radius:10px;margin:0;padding:10px 14px;font-size:13px}.investor-gate-btn{color:#fff;font-size:16px;font-weight:700;font-family:var(--font-sans);cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#0a84ff,#06c);border:none;border-radius:14px;width:100%;padding:15px 24px;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 16px #0a84ff59}.investor-gate-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 8px 24px #0a84ff73}.investor-gate-btn:active{transform:translateY(0)}.investor-gate-back{color:#ffffff73;cursor:pointer;font-size:13px;font-family:var(--font-sans);text-align:center;background:0 0;border:none;padding:8px;transition:color .2s}.investor-gate-back:hover{color:#fffc}.investor-portal-page .canvas-zone,.investor-portal-page .canvas-card{position:relative;overflow:hidden}.investor-portal-page .canvas-zone:before,.investor-portal-page .canvas-card:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 60% at 10% 0,#0a84ff1a 0%,#0000 60%),radial-gradient(50% 50% at 90% 100%,#30d15814 0%,#0000 60%);position:absolute;inset:0}.investor-portal-page .canvas-zone>*,.investor-portal-page .canvas-card>*{z-index:1;position:relative}.investor-month-input{font-size:14px;font-family:var(--font-sans);cursor:pointer;border-radius:12px;padding:8px 14px;transition:border-color .2s}.canvas-zone .investor-month-input{color:#fff;background:#ffffff12;border:1px solid #ffffff1f}.page-header .investor-month-input{background:var(--bg-surface);border:1px solid var(--divider-strong);color:var(--text-primary)}.investor-month-input:focus{border-color:#0a84ff;outline:none}.investor-edit-btn{font-size:13.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;align-items:center;gap:7px;padding:9px 18px;transition:all .2s;display:inline-flex}.canvas-zone .investor-edit-btn.edit{color:#ffffffd9;background:#ffffff14;border-color:#ffffff24}.canvas-zone .investor-edit-btn.edit:hover{background:#ffffff21}.page-header .investor-edit-btn.edit{background:var(--bg-surface);border:1px solid var(--divider-strong);color:var(--text-primary)}.page-header .investor-edit-btn.edit:hover{background:var(--divider)}.investor-edit-btn.save{color:#30d158;background:#30d15826;border-color:#30d1584d}.investor-edit-btn.save:hover{background:#30d15840}.investor-edit-btn.cancel{color:#ff453a;background:#ff3b301a;border-color:#ff3b3033}.investor-edit-btn.cancel:hover{background:#ff3b3033}.investor-kpi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.investor-kpi-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff17;border-radius:20px;padding:20px 22px;transition:border-color .2s}.investor-kpi-card.payday-card{background:#ffd60a0f;border-color:#ffd60a26}.investor-kpi-label{letter-spacing:.8px;text-transform:uppercase;color:#fff6;font-size:11.5px;font-weight:600;font-family:var(--font-mono);margin-bottom:10px}.investor-kpi-value{font-size:clamp(18px,3vw,26px);font-weight:800;font-family:var(--font-mono);letter-spacing:-.5px;line-height:1.1}.investor-kpi-value.green{color:#30d158}.investor-kpi-value.red{color:#ff453a}.investor-kpi-value.yellow{color:#ffd60a;font-size:15px}.investor-kpi-input{color:#fff;width:100%;font-size:15px;font-family:var(--font-mono);box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;margin-top:4px;padding:8px 12px}.investor-kpi-input:focus{border-color:#0a84ff;outline:none}.investor-kpi-edit-note{color:#ffffff4d;margin-top:4px;font-size:13px;font-style:italic}.investor-payday-badge{color:#ffd60a;background:#ffd60a26;border:1px solid #ffd60a4d;border-radius:999px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.investor-status-bar{flex-wrap:wrap;gap:10px;display:flex}.investor-status-pill{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;display:flex}.investor-status-pill.rain{color:#4fc3f7;background:#4fc3f71f;border:1px solid #4fc3f740}.investor-status-pill.truck{color:#ff9f0a;background:#ff9f0a1f;border:1px solid #ff9f0a40}.investor-sheet-inner{flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;display:flex}.investor-section{flex-direction:column;gap:18px;display:flex}.investor-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.investor-section-title{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:17px;font-weight:700}.investor-section-sub{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.investor-chart-wrap{background:var(--bg-surface);border:1px solid var(--divider);border-radius:20px;padding:20px 16px 8px}.chart-legend{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-dot.yellow{background:#ffd60a}.legend-dot.blue{background:#4fc3f7}.legend-dot.orange{background:#ff9f0a}.legend-label{color:var(--text-secondary);font-size:12px}.chart-tooltip{background:var(--bg-elevated);border:1px solid var(--divider-strong);box-shadow:var(--shadow-md);border-radius:14px;min-width:130px;padding:12px 16px}.chart-tooltip-date{text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);font-size:11px;font-weight:700;font-family:var(--font-mono);margin-bottom:6px}.chart-tooltip-revenue{color:var(--text-primary);font-size:18px;font-weight:800;font-family:var(--font-mono);margin-bottom:6px}.chart-tooltip-badge{border-radius:999px;margin-top:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-block}.chart-tooltip-badge.payday{color:#8a6d00;background:#ffd60a26}.chart-tooltip-badge.rain{color:#0270a0;background:#4fc3f726}.chart-tooltip-badge.truck{color:#8a4b00;background:#ff9f0a26}.daily-entry-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.daily-entry-card{background:var(--bg-surface);border:1px solid var(--divider);border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.daily-entry-card:hover{border-color:var(--divider-strong);box-shadow:var(--shadow-sm)}.daily-entry-card.is-rain{background:#4fc3f708;border-color:#4fc3f766}.daily-entry-card.is-truck{background:#ff9f0a08;border-color:#ff9f0a66}.daily-entry-card.is-rain.is-truck{background:linear-gradient(135deg,#4fc3f708 0%,#ff9f0a08 100%);border-color:#a078f066}.daily-entry-header{justify-content:space-between;align-items:center;width:100%;display:flex}.daily-day-num{color:var(--text-primary);font-size:13px;font-weight:700;font-family:var(--font-sans)}.daily-entry-toggles{gap:4px;display:flex}.daily-toggle{background:var(--bg-elevated);border:1px solid var(--divider);cursor:pointer;width:26px;height:26px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.daily-toggle:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--divider-strong)}.daily-toggle.rain.active{color:#0288d1;background:#0288d11a;border-color:#0288d140}.daily-toggle.truck.active{color:#f57c00;background:#f57c001a;border-color:#f57c0040}.daily-input-container{width:100%}.daily-revenue-input{box-sizing:border-box;background:var(--bg-elevated);border:1px solid var(--divider);width:100%;font-size:14px;font-family:var(--font-mono);color:var(--text-primary);border-radius:10px;padding:8px 10px;transition:border-color .2s,background-color .2s}.daily-revenue-input:focus{border-color:var(--accent-blue);background:var(--bg-surface);outline:none}.investor-pin-section{border-top:1px solid var(--divider);margin-top:20px;padding-top:20px}.investor-pin-btn{background:var(--bg-surface);border:1px solid var(--divider-strong);color:var(--text-primary);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font-sans);border-radius:12px;align-items:center;gap:8px;padding:10px 18px;transition:background .2s;display:flex}.investor-pin-btn:hover{background:var(--glass-bg-hover)}.investor-pin-form{align-items:center;gap:10px;margin-top:12px;display:flex}.investor-add-update-btn{background:var(--accent-blue);color:#fff;font-size:13.5px;font-weight:700;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:9px 18px;transition:opacity .2s,transform .15s;display:flex;box-shadow:0 4px 12px #0a84ff40}.investor-add-update-btn:hover{opacity:.9;transform:translateY(-1px)}.update-feed{flex-direction:column;gap:12px;display:flex}.update-card{background:var(--bg-surface);border:1px solid var(--divider);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;transition:box-shadow .2s;display:flex}.update-card:hover{box-shadow:var(--shadow-sm)}.update-card-left{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.update-category-badge{border:1px solid;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.update-title{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3}.update-desc{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.update-date{color:var(--text-tertiary);font-size:12px;font-family:var(--font-mono)}.update-actions{flex-shrink:0;gap:6px;display:flex}.update-action-btn{background:var(--glass-bg);border:1px solid var(--divider);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:flex}.update-action-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.update-action-btn.delete:hover{color:var(--accent-red);background:#ff3b301a;border-color:#ff3b3040}.investor-empty-feed{text-align:center;background:var(--bg-surface);border:1px dashed var(--divider-strong);border-radius:18px;padding:48px 24px}.investor-empty-feed-icon{margin-bottom:12px;font-size:36px}.investor-empty-feed-text{color:var(--text-primary);font-size:15px;font-weight:600}.investor-empty-feed-sub{color:var(--text-secondary);margin-top:6px;font-size:13px}.investor-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0000008c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=640px){.investor-modal-overlay{align-items:center;padding:24px}}.investor-modal{background:var(--bg-elevated);border:1px solid var(--divider);width:100%;max-width:520px;max-height:92dvh;box-shadow:var(--shadow-lg);border-radius:28px 28px 0 0;overflow-y:auto}@media (width>=640px){.investor-modal{border-radius:24px}}.investor-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 24px 0;display:flex}.investor-modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.investor-modal-close{background:var(--glass-bg);border:1px solid var(--divider);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex}.investor-modal-close:hover{background:var(--glass-bg-hover)}.investor-modal-form{flex-direction:column;gap:18px;padding:0 24px 32px;display:flex}.investor-field{flex-direction:column;gap:8px;display:flex}.investor-field label{color:var(--text-secondary);font-size:13px;font-weight:600}.investor-category-pills{flex-wrap:wrap;gap:8px;display:flex}.investor-cat-pill{border:1px solid var(--divider);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);border-radius:12px;padding:8px 16px;transition:all .2s}.investor-cat-pill:hover{background:var(--glass-bg-hover)}.investor-footer{text-align:center;color:var(--text-tertiary);font-size:12px;font-family:var(--font-mono);border-top:1px solid var(--divider);padding-top:8px}html[data-ui-variant=experimental]{--branch-active-color:var(--branch-color-suong,#961a1a);--bleed-glow-color:color-mix(in srgb, var(--branch-active-color) 5%, transparent)}html[data-ui-variant=experimental][data-branch=svay_antor]{--branch-active-color:var(--branch-color-svay_antor,#3899ff)}html[data-ui-variant=experimental][data-branch=head_office]{--branch-active-color:var(--branch-color-head_office,#8b5cf6)}html[data-ui-variant=experimental][data-branch=overall]{--branch-active-color:var(--branch-color-suong,#961a1a)}html[data-ui-variant=experimental][data-theme=dark]{--bleed-glow-color:color-mix(in srgb, var(--branch-active-color) 11%, transparent)}html[data-ui-variant=experimental] .mobile-layout-root{background-color:var(--bg-base);background-image:radial-gradient(ellipse 100% 100% at 50% 0%, var(--bleed-glow-color) 0%, transparent 100%);background-repeat:no-repeat;background-size:130% 300px;animation:16s ease-in-out infinite alternate bleed-wave}html[data-ui-variant=experimental][data-branch=suong] .floating-nav-center.active{background:var(--branch-color-suong,#961a1a)!important;color:#fff!important}html[data-ui-variant=experimental][data-branch=svay_antor] .floating-nav-center.active{background:var(--branch-color-svay_antor,#3899ff)!important;color:#fff!important}html[data-ui-variant=experimental][data-branch=head_office] .floating-nav-center.active{background:var(--branch-color-head_office,#8b5cf6)!important;color:#fff!important}html[data-ui-variant=experimental][data-branch=overall] .floating-nav-center.active{background:linear-gradient(135deg, var(--branch-color-suong,#961a1a), var(--branch-color-svay_antor,#3899ff), var(--branch-color-head_office,#8b5cf6))!important;color:#fff!important}html[data-ui-variant=practical],html[data-ui-variant=practical] body,html[data-ui-variant=practical] #root{background:var(--console-bg);height:100dvh;max-height:100dvh;overflow:hidden}html[data-ui-variant=practical]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--console-bg:#09090b;--console-surface:#111113;--console-card:#18181b;--console-border:#ffffff14;--console-muted:#a1a1aa;--console-dim:#71717a;--console-text:#fafafa;--console-text-hover:#e4e4e7;--console-hover:#ffffff0a;--console-hover-md:#ffffff0f;--console-hover-strong:#ffffff14;--console-panel-fill:#ffffff06;--console-panel-fill-md:#ffffff0d;--console-border-strong:#ffffff1f;--console-border-focus:#ffffff24;--console-focus-ring:#ffffff14;--console-tree-line:#3f3f46;--console-sidebar-w:248px;--console-sidebar-collapsed-w:64px;--console-rail-w:44px;--console-topbar-h:52px;--console-scale:.92;--bg-base:var(--console-bg);--bg-surface:var(--console-surface);--bg-elevated:var(--console-card);--text-primary:var(--console-text);--text-secondary:var(--console-muted);--divider:var(--console-border)}html[data-ui-variant=practical][data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--console-bg:#f4f4f5;--console-surface:#fff;--console-card:#fff;--console-border:#00000014;--console-muted:#52525b;--console-dim:#a1a1aa;--console-text:#18181b;--console-text-hover:#27272a;--console-hover:#0000000a;--console-hover-md:#0000000f;--console-hover-strong:#00000014;--console-panel-fill:#00000005;--console-panel-fill-md:#0000000a;--console-border-strong:#0000001f;--console-border-focus:#00000029;--console-focus-ring:#00000014;--console-tree-line:#d4d4d8;--bg-base:var(--console-bg);--bg-surface:var(--console-surface);--bg-elevated:var(--console-card);--text-primary:var(--console-text);--text-secondary:var(--console-muted);--divider:var(--console-border)}html[data-ui-variant=practical] .mobile-layout-root{background-image:none!important;animation:none!important}html[data-ui-variant=practical] .console-root{background:var(--console-bg);width:calc(100vw / var(--console-scale,.92));height:calc(100dvh / var(--console-scale,.92));transform:scale(var(--console-scale,.92));transform-origin:0 0;flex-direction:column;display:flex;overflow:hidden}html[data-ui-variant=practical] .console-shell{grid-template-columns:auto minmax(0, 1fr) var(--console-rail-w);background:var(--console-bg);min-height:0;color:var(--console-text);flex:1;display:grid;overflow:hidden}html[data-ui-variant=practical] .console-sidebar-wrap--hidden{pointer-events:none;border-right-color:#0000;width:0;min-width:0}html[data-ui-variant=practical] .console-sidebar-wrap--hidden .console-sidebar{transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}html[data-ui-variant=practical] .console-shell.console-shell--sidebar-hidden{grid-template-columns:minmax(0, 1fr) var(--console-rail-w)}html[data-ui-variant=practical] .console-sidebar-wrap{z-index:30;border-right:1px solid var(--console-border);background:var(--console-surface);min-width:0;height:100%;min-height:0;width:var(--console-sidebar-w);transition:width .25s cubic-bezier(.4,0,.2,1),border-color .25s;position:relative;overflow:hidden}html[data-ui-variant=practical] .console-sidebar{height:100%;width:var(--console-sidebar-w);flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}html[data-ui-variant=baby] .console-sidebar-wrap.console-sidebar--collapsed,html[data-ui-variant=baby] .console-sidebar.console-sidebar--collapsed{width:var(--console-sidebar-collapsed-w)}html[data-ui-variant=baby] .console-sidebar--collapsed .console-sidebar-head{justify-content:center;gap:4px;padding:14px 4px 10px}html[data-ui-variant=baby] .console-sidebar--collapsed .console-org-name,html[data-ui-variant=baby] .console-sidebar--collapsed .console-org-chevron,html[data-ui-variant=baby] .console-sidebar--collapsed .console-icon-btn{display:none}html[data-ui-variant=practical] .console-sidebar-head{border-bottom:1px solid var(--console-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 10px;display:flex}html[data-ui-variant=practical] .console-sidebar-branch{border-bottom:1px solid var(--console-border);flex-shrink:0;padding:10px 10px 12px}html[data-ui-variant=practical] .console-branch-panel{background:var(--console-panel-fill);border:1px solid var(--console-border);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}html[data-ui-variant=practical] .console-branch-panel .console-tools-label{padding:0}html[data-ui-variant=practical] .console-branch-trigger{border:1px solid var(--console-border);background:var(--console-card);width:100%;min-height:36px;color:var(--console-text-hover);font-family:var(--font-sans);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}html[data-ui-variant=practical] .console-branch-trigger:hover{background:var(--console-hover-md);border-color:var(--console-border-strong)}html[data-ui-variant=practical] .console-branch-leading,html[data-ui-variant=practical] .console-branch-option-leading{align-items:center;gap:8px;min-width:0;display:inline-flex}html[data-ui-variant=practical] .console-branch-dot{width:8px;height:8px;box-shadow:0 0 0 2px var(--console-focus-ring);border-radius:50%;flex-shrink:0}html[data-ui-variant=practical] .console-branch-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html[data-ui-variant=practical] .console-branch-chevron{color:var(--console-dim);flex-shrink:0;transition:transform .18s}html[data-ui-variant=practical] .console-branch-chevron.open{transform:rotate(180deg)}html[data-ui-variant=practical] .console-branch-menu{max-height:280px;padding:4px;overflow-y:auto}html[data-ui-variant=practical] .console-branch-option{width:100%;min-height:38px;color:var(--console-text-hover);font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}html[data-ui-variant=practical] .console-branch-option:hover{background:var(--console-hover-md)}html[data-ui-variant=practical] .console-branch-option.selected{background:var(--console-hover-strong)}html[data-ui-variant=practical] .console-branch-option svg:last-child{color:#93c5fd;flex-shrink:0}html[data-ui-variant=practical] .console-sidebar-branch .dropdown-trigger-suong,html[data-ui-variant=practical] .console-sidebar-branch .dropdown-trigger-svay_antor,html[data-ui-variant=practical] .console-sidebar-branch .dropdown-trigger-head_office,html[data-ui-variant=practical] .console-sidebar-branch .dropdown-trigger-overall{background:var(--console-card)!important;border-color:var(--console-border)!important;color:var(--console-text-hover)!important}html[data-ui-variant=practical] .console-org{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}html[data-ui-variant=practical] .console-org-icon{background:var(--console-hover-md);color:#60a5fa;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}html[data-ui-variant=practical] .console-org-text{flex-direction:column;gap:1px;min-width:0;display:flex}html[data-ui-variant=practical] .console-org-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}html[data-ui-variant=practical] .console-org-codename{letter-spacing:.04em;color:var(--console-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:600;overflow:hidden}html[data-ui-variant=practical] .console-org-chevron{color:var(--console-dim);flex-shrink:0}html[data-ui-variant=practical] .console-icon-btn{border:1px solid var(--console-border);width:32px;height:32px;color:var(--console-muted);cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:grid}html[data-ui-variant=practical] .console-icon-btn:hover{background:var(--console-hover);color:var(--console-text)}html[data-ui-variant=baby] .console-sidebar-toggle{border:1px solid var(--console-border);width:28px;height:28px;color:var(--console-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}html[data-ui-variant=baby] .console-sidebar-toggle:hover{color:var(--console-text);background:#ffffff14;border-color:#ffffff26}html[data-ui-variant=practical] .console-sidebar-section-label,html[data-ui-variant=practical] .console-nav-section,html[data-ui-variant=baby] .console-sidebar-section-label,html[data-ui-variant=baby] .console-nav-section{letter-spacing:.08em;text-transform:uppercase;color:var(--console-dim);font-size:11px;font-weight:700}html[data-ui-variant=practical] .console-nav-section-btn{cursor:pointer;width:calc(100% - 16px);color:inherit;text-align:left;background:0 0;border:none;align-items:center;margin:0 8px;display:flex}html[data-ui-variant=practical] .console-nav-section-btn:hover{background:var(--console-hover)}html[data-ui-variant=practical] .console-nav-section-btn:hover .console-nav-section{color:var(--console-muted)}html[data-ui-variant=practical] .console-nav-section-chevron{color:var(--console-dim);flex-shrink:0;transition:transform .18s}html[data-ui-variant=practical] .console-nav-group--collapsed .console-nav-section-chevron{transform:rotate(0)}html[data-ui-variant=practical] .console-nav-group:not(.console-nav-group--collapsed) .console-nav-section-chevron{transform:rotate(90deg)}html[data-ui-variant=practical][data-practical-tier=simple] .console-nav-section-btn{border-radius:6px;justify-content:space-between;gap:8px;padding:10px 6px 6px}html[data-ui-variant=practical][data-practical-tier=simple] .console-nav-group-items{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .2s,opacity .18s;display:grid}html[data-ui-variant=practical][data-practical-tier=simple] .console-nav-group-items>*,html[data-ui-variant=practical][data-practical-tier=simple] .console-nav-group-items-inner{min-height:0;overflow:hidden}html[data-ui-variant=practical][data-practical-tier=simple] .console-nav-group--collapsed .console-nav-group-items{opacity:0;pointer-events:none;grid-template-rows:0fr}html[data-ui-variant=practical][data-practical-tier=simple] .console-nav-tree{border-left:1px solid var(--console-tree-line);margin:2px 8px 4px 22px;padding:2px 0 4px 12px}html[data-ui-variant=practical][data-practical-tier=simple] .console-nav-tree .console-nav-link{margin-left:0;margin-right:0}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-section-btn{border-radius:8px;gap:10px;padding:8px 10px}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-section-icon{width:16px;height:16px;color:var(--console-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-section-btn:hover .console-nav-section-icon{color:var(--console-text-hover)}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-section-btn .console-nav-section{flex:1;min-width:0}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-tree{margin:0 8px 6px;padding:2px 0 2px 11px;position:relative}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-tree:before{content:"";background:var(--console-tree-line);pointer-events:none;z-index:0;width:1px;position:absolute;top:0;bottom:0;left:10px}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-group{position:relative}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-rail-node{z-index:1;width:20px;height:20px;color:var(--console-muted);flex-shrink:0;justify-content:center;align-items:center;margin-left:-11px;display:flex;position:relative}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-rail-node:not(.is-active):after{content:"";background:var(--console-tree-line);width:5px;height:5px;box-shadow:0 0 0 3px var(--console-surface);border-radius:50%}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-rail-node.is-active{background:var(--console-surface);color:var(--console-text);box-shadow:0 0 0 3px var(--console-surface);border-radius:6px}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-rail-node.is-active:after{display:none}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-tree-link{color:var(--console-muted);border-radius:8px;align-items:center;gap:8px;margin:1px 0;padding:7px 8px 7px 0;font-size:13.5px;line-height:1.2;text-decoration:none;display:flex}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-tree-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-tree-link:hover{background:var(--console-hover);color:var(--console-text-hover)}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-tree-link:hover .console-nav-rail-node:not(.is-active):after{background:var(--console-muted);border-color:var(--console-muted)}html[data-ui-variant=practical][data-practical-tier=advanced] .console-nav-tree-link.active{background:var(--console-hover-strong);color:var(--console-text);font-weight:500}html[data-ui-variant=practical] .console-nav{overscroll-behavior:contain;flex:1;min-height:0;padding:8px 0;overflow:hidden auto}html[data-ui-variant=practical] .console-nav-link{color:var(--console-muted);border-radius:8px;align-items:center;gap:10px;margin:1px 8px;padding:9px 10px;font-size:13.5px;line-height:1.2;text-decoration:none;display:flex}html[data-ui-variant=practical] .console-nav-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html[data-ui-variant=practical] .console-nav-link:hover{background:var(--console-hover);color:var(--console-text-hover)}html[data-ui-variant=practical] .console-nav-link.active{background:var(--console-hover-strong);color:var(--console-text)}html[data-ui-variant=practical] .console-tools-theme-row{justify-content:space-between;align-items:center;gap:12px;display:flex}html[data-ui-variant=practical] .console-tools-theme-hint{color:var(--console-muted);font-size:12.5px}html[data-ui-variant=practical] .console-sidebar-tools{border-top:1px solid var(--console-border);flex-shrink:0;padding:10px 10px 12px}html[data-ui-variant=practical] .console-tools-panel{background:var(--console-panel-fill);border:1px solid var(--console-border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}html[data-ui-variant=practical] .console-tools-panel.is-collapsed,html[data-ui-variant=practical] .console-tools-panel.is-expanded{gap:0}html[data-ui-variant=practical] .console-tools-toggle{width:100%;color:var(--console-text-hover);cursor:pointer;text-align:left;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:8px;padding:9px 10px;display:flex}html[data-ui-variant=practical] .console-tools-toggle:hover{background:var(--console-hover)}html[data-ui-variant=practical] .console-tools-toggle-icon{background:var(--console-panel-fill-md);width:26px;height:26px;color:var(--console-muted);border-radius:7px;flex-shrink:0;place-items:center;display:grid}html[data-ui-variant=practical] .console-tools-toggle-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}html[data-ui-variant=practical] .console-tools-toggle-title{font-size:12.5px;font-weight:600;line-height:1.2}html[data-ui-variant=practical] .console-tools-toggle-summary{color:var(--console-dim);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}html[data-ui-variant=practical] .console-tools-chevron{color:var(--console-dim);flex-shrink:0;transition:transform .18s}html[data-ui-variant=practical] .console-tools-chevron.open{transform:rotate(180deg)}html[data-ui-variant=practical] .console-tools-body{border-top:1px solid var(--console-border);flex-direction:column;gap:10px;padding:0 10px 10px;display:flex}html[data-ui-variant=practical] .console-tools-hint{color:var(--console-dim);font-size:10.5px;line-height:1.3}html[data-ui-variant=practical] .console-tools-section{flex-direction:column;gap:6px;display:flex}html[data-ui-variant=practical] .console-tools-label{letter-spacing:.08em;text-transform:uppercase;color:var(--console-dim);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}html[data-ui-variant=practical] .console-tools-divider{background:var(--console-border);height:1px;margin:2px 0}html[data-ui-variant=practical] .console-tools-action{border:1px solid var(--console-border);background:var(--console-hover);width:100%;color:var(--console-text-hover);cursor:pointer;border-radius:8px;margin-top:2px;padding:7px 10px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}html[data-ui-variant=practical] .console-tools-action:hover:not(:disabled){background:var(--console-hover-md);border-color:var(--console-border-focus)}html[data-ui-variant=practical] .console-tools-action:disabled{opacity:.55;cursor:default}html[data-ui-variant=practical] .console-tools-action--muted{color:var(--console-muted);background:0 0}html[data-ui-variant=practical] .console-tools-variant{flex-direction:column;gap:6px;display:flex}html[data-ui-variant=practical] .console-tools-promote{width:100%;color:var(--console-dim);text-align:left;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:11px;font-weight:500;line-height:1.35;text-decoration:underline}html[data-ui-variant=practical] .console-tools-promote:hover{color:var(--console-muted)}html[data-ui-variant=practical] .console-scale-head{justify-content:space-between;align-items:center;gap:8px;display:flex}html[data-ui-variant=practical] .console-scale-value{font-variant-numeric:tabular-nums;color:var(--console-muted);font-size:11px;font-weight:600}html[data-ui-variant=practical] .console-scale-slider{accent-color:#60a5fa;cursor:pointer;width:100%;margin:2px 0 4px}html[data-ui-variant=practical] .console-scale-presets{flex-wrap:wrap;gap:4px;display:flex}html[data-ui-variant=practical] .console-scale-preset,html[data-ui-variant=practical] .console-scale-reset{border:1px solid var(--console-border);color:var(--console-dim);cursor:pointer;background:0 0;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:600}html[data-ui-variant=practical] .console-scale-preset:hover,html[data-ui-variant=practical] .console-scale-reset:hover{background:var(--console-panel-fill-md);color:var(--console-muted)}html[data-ui-variant=practical] .console-scale-preset.active{color:#93c5fd;background:#60a5fa24;border-color:#60a5fa59}html[data-ui-variant=practical] .console-tools-panel button[aria-haspopup=listbox]{border:1px solid var(--console-border);background:var(--console-card);width:100%;min-height:34px;color:var(--console-text-hover);border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:500}html[data-ui-variant=practical] .console-tools-panel button[aria-haspopup=listbox]:hover{background:var(--console-hover-md);border-color:var(--console-border-strong)}html[data-ui-variant=practical] .console-tools-action--primary{color:#93c5fd;background:#60a5fa1f;border-color:#60a5fa59}html[data-ui-variant=practical] .console-tools-action--primary:hover:not(:disabled){background:#60a5fa33;border-color:#60a5fa80}html[data-ui-variant=practical] .console-sidebar-tools--collapsed{justify-content:center;padding:8px;display:flex}html[data-ui-variant=practical] .console-tools-collapsed-hint{color:var(--console-dim);opacity:.7;gap:6px;display:flex}html[data-ui-variant=practical] .console-sidebar-account{border-top:1px solid var(--console-border);flex-shrink:0;padding:12px 14px 14px}html[data-ui-variant=practical] .console-account-row{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}html[data-ui-variant=practical] .console-account-avatar{background:#27272a;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}html[data-ui-variant=practical] .console-account-meta{flex-direction:column;gap:2px;min-width:0;display:flex}html[data-ui-variant=practical] .console-account-label{color:var(--console-dim);font-size:12px}html[data-ui-variant=practical] .console-account-email{color:var(--console-text-hover);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}html[data-ui-variant=practical] .console-account-version{color:var(--console-dim);margin-top:10px;font-size:11px}html[data-ui-variant=practical] .console-signout{border:1px solid var(--console-border);width:100%;color:var(--console-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;font-size:12.5px;display:inline-flex}html[data-ui-variant=practical] .console-signout:hover{background:var(--console-hover);color:var(--console-text-hover)}html[data-ui-variant=baby] .console-sidebar--collapsed .console-nav-link span{display:none}html[data-ui-variant=baby] .console-sidebar--collapsed .console-nav-link{justify-content:center;margin:1px 4px;padding:10px}html[data-ui-variant=baby] .console-sidebar--collapsed .console-nav-section,html[data-ui-variant=baby] .console-sidebar--collapsed .console-sidebar-branch,html[data-ui-variant=baby] .console-sidebar--collapsed .console-sidebar-tools{display:none}html[data-ui-variant=baby] .console-sidebar--collapsed .console-sidebar-account{justify-content:center;padding:12px 0 14px;display:flex}html[data-ui-variant=baby] .console-sidebar--collapsed .console-account-meta,html[data-ui-variant=baby] .console-sidebar--collapsed .console-account-version,html[data-ui-variant=baby] .console-sidebar--collapsed .console-signout{display:none}html[data-ui-variant=practical] .console-body,html[data-ui-variant=baby] .console-body{background:var(--console-bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}html[data-ui-variant=practical] .console-topbar{height:var(--console-topbar-h);border-bottom:1px solid var(--console-border);background:var(--console-bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex}html[data-ui-variant=practical] .console-topbar-left{align-items:center;gap:12px;min-width:0;display:flex}html[data-ui-variant=practical] .console-crumb{color:var(--console-text-hover);font-size:14px;font-weight:500}html[data-ui-variant=practical] .console-topbar-right{flex-shrink:0;align-items:center;gap:14px;display:flex}html[data-ui-variant=practical] .console-server-time{color:var(--console-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}html[data-ui-variant=practical] .console-main{background:var(--console-bg);overscroll-behavior:contain;flex:1;min-height:0;padding:24px 28px 32px;overflow:hidden auto}html[data-ui-variant=practical] .console-rail{border-left:1px solid var(--console-border);background:var(--console-surface);flex-direction:column;align-items:center;gap:6px;height:100%;min-height:0;padding:10px 0;display:flex;overflow:hidden}html[data-ui-variant=practical] .console-rail-btn{width:32px;height:32px;color:var(--console-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;text-decoration:none;display:grid}html[data-ui-variant=practical] .console-rail-btn:hover{background:var(--console-hover-md);color:var(--console-text-hover)}html[data-ui-variant=practical] .console-rail-btn--bottom{margin-top:auto}html[data-ui-variant=practical] .console-main .page-header-title{color:var(--console-text);letter-spacing:-.02em;font-size:22px}html[data-ui-variant=practical] .console-main .page-header-sub{color:var(--console-muted)}html[data-ui-variant=practical] .console-main .canvas-card,html[data-ui-variant=practical] .console-main .sheet-zone,html[data-ui-variant=practical] .console-main .data-table-wrap,html[data-ui-variant=practical] .console-main .card{border:1px solid var(--console-border);color:var(--console-text);border-radius:12px;background:var(--console-card)!important}html[data-ui-variant=practical] .console-main .canvas-card:has(.dash-canvas){background:0 0!important;border:none!important;padding:0!important}html[data-ui-variant=practical] .console-main .dash-canvas{border:1px solid var(--console-border);background:var(--console-border);border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}html[data-ui-variant=practical] .console-main .dash-canvas-balance{background:var(--console-card);padding:22px 24px 20px}html[data-ui-variant=practical] .console-main .dash-canvas-balance-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}html[data-ui-variant=practical] .console-main .dash-canvas-label{letter-spacing:.06em;text-transform:uppercase;color:var(--console-dim);font-size:12px;font-weight:600}html[data-ui-variant=practical] .console-main .dash-canvas-flows{color:var(--console-muted);align-items:center;gap:14px;font-size:12.5px;display:flex}html[data-ui-variant=practical] .console-main .dash-canvas-flow strong{font-variant-numeric:tabular-nums;font-weight:600}html[data-ui-variant=practical] .console-main .dash-canvas-flow--in strong{color:#4ade80}html[data-ui-variant=practical] .console-main .dash-canvas-flow--out strong{color:#f87171}html[data-ui-variant=practical] .console-main .dash-canvas-balance-value{letter-spacing:-.04em;color:var(--console-text);font-variant-numeric:tabular-nums;font-size:clamp(36px,5vw,48px);font-weight:600;line-height:1}html[data-ui-variant=practical] .console-main .dash-canvas-currency{color:var(--console-muted);letter-spacing:0;font-size:.72em;font-weight:500}html[data-ui-variant=practical] .console-main .dash-canvas-grid{background:var(--console-border);grid-template-columns:1fr;gap:1px;display:grid}@media (width>=720px){html[data-ui-variant=practical] .console-main .dash-canvas-grid{grid-template-columns:repeat(3,1fr)}}html[data-ui-variant=practical] .console-main .dash-canvas-stat{background:var(--console-card);flex-direction:column;justify-content:flex-end;min-height:108px;padding:18px 20px 18px 24px;display:flex;position:relative}html[data-ui-variant=practical] .console-main .dash-canvas-stat:before{content:"";background:var(--console-dim);border-radius:0 2px 2px 0;width:3px;position:absolute;top:14px;bottom:14px;left:0}html[data-ui-variant=practical] .console-main .dash-canvas-stat--sales:before{background:#fbbf24}html[data-ui-variant=practical] .console-main .dash-canvas-stat--month:before{background:#34d399}html[data-ui-variant=practical] .console-main .dash-canvas-stat--due:before{background:#f87171}html[data-ui-variant=practical] .console-main .dash-canvas-stat-label{letter-spacing:.04em;text-transform:uppercase;color:var(--console-dim);margin-bottom:auto;padding-bottom:10px;font-size:12px;font-weight:600}html[data-ui-variant=practical] .console-main .dash-canvas-stat-value{letter-spacing:-.03em;color:var(--console-text);font-variant-numeric:tabular-nums;font-size:clamp(22px,3vw,28px);font-weight:600;line-height:1.1}html[data-ui-variant=practical] .console-main .dash-canvas-stat-sub{color:var(--console-muted);margin-top:8px;font-size:12px;line-height:1.35}html[data-ui-variant=practical] .console-main .dash-canvas--loading .dash-canvas-stat{justify-content:flex-start}html[data-ui-variant=practical] .console-main .page-scaffold .canvas-zone{background:0 0;padding:0}html[data-ui-variant=practical] .console-main .page-scaffold .sheet-zone{box-shadow:none;border-radius:12px;margin-top:16px;padding:20px}html[data-ui-variant=practical] .console-main .top-bar,html[data-ui-variant=practical] .console-main .top-search{display:none}html[data-ui-variant=practical] .console-home .hc-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}@media (width>=900px){html[data-ui-variant=practical] .console-home .hc-stats{grid-template-columns:repeat(4,1fr);gap:16px}}html[data-ui-variant=practical] .console-home .hc-stat{background:var(--console-card);border:1px solid var(--console-border);border-radius:12px;flex-direction:column;justify-content:flex-end;min-height:120px;padding:20px;display:flex}html[data-ui-variant=practical] .console-home .hc-stat-label{color:var(--console-muted);margin-bottom:auto;padding-bottom:12px;font-size:13px}html[data-ui-variant=practical] .console-home .hc-stat-value{letter-spacing:-.04em;font-size:clamp(32px,5vw,40px);font-weight:600;line-height:1}html[data-ui-variant=practical] .console-home .hc-stat-sub{color:var(--console-dim);margin-top:8px;font-size:12.5px}html[data-ui-variant=practical] .console-home .hc-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}html[data-ui-variant=practical] .console-home .hc-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(28px,4vw,36px);font-weight:600}html[data-ui-variant=practical] .console-home .hc-ghost-btn{border:1px solid var(--console-border);color:var(--console-text-hover);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}html[data-ui-variant=practical] .console-home .hc-ghost-btn:hover{background:var(--console-hover)}html[data-ui-variant=practical] .console-home .hc-panel{background:var(--console-surface);border:1px solid var(--console-border);border-radius:12px;overflow:hidden}html[data-ui-variant=practical] .console-home .hc-panel-head{border-bottom:1px solid var(--console-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}html[data-ui-variant=practical] .console-home .hc-panel-title{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}html[data-ui-variant=practical] .console-home .hc-panel-link{color:var(--console-muted);align-items:center;gap:4px;font-size:13px;text-decoration:none;display:inline-flex}html[data-ui-variant=practical] .console-home .hc-empty{color:var(--console-dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 20px;font-size:14px;display:flex}html[data-ui-variant=practical] .console-home .hc-activity-row{border-bottom:1px solid var(--console-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px;font-size:14px;display:flex}html[data-ui-variant=practical] .console-home .hc-status-list{flex-direction:column;gap:10px;margin-top:4px;display:flex}html[data-ui-variant=practical] .console-home .hc-status-row{color:var(--console-muted);align-items:center;gap:10px;font-size:14px;display:flex}html[data-ui-variant=practical] .console-home .hc-dot-green{color:#22c55e}html[data-ui-variant=practical] .console-home .hc-dot-red{color:#ef4444}html[data-ui-variant=practical] .console-home .hc-dot-gray{color:#52525b}html[data-ui-variant=practical] .console-main input,html[data-ui-variant=practical] .console-main select,html[data-ui-variant=practical] .console-main textarea{background:var(--console-card);border:1px solid var(--console-border);color:var(--console-text);border-radius:8px}html[data-ui-variant=practical] .console-main .data-table th,html[data-ui-variant=practical] .console-main .data-table td{border-color:var(--console-border);color:var(--console-text)}html[data-ui-variant=practical] .console-main .data-table th{color:var(--console-muted);background:#ffffff08}html[data-ui-variant=practical] .console-main .btn,html[data-ui-variant=practical] .console-main button.btn{border-radius:8px}@media (width<=899px){html[data-ui-variant=practical] .console-shell{grid-template-columns:minmax(0,1fr)}html[data-ui-variant=practical] .console-rail{display:none}html[data-ui-variant=practical] .console-sidebar-wrap{width:var(--console-sidebar-w);z-index:40;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:8px 0 32px #00000073}html[data-ui-variant=practical] .console-sidebar-wrap .console-sidebar{min-height:100%}html[data-ui-variant=practical] .console-sidebar-wrap.open{transform:translate(0)}html[data-ui-variant=practical] .console-backdrop{z-index:35;cursor:pointer;background:#0000008c;border:none;position:fixed;inset:0}html[data-ui-variant=practical] .console-main{padding:16px}}html[data-ui-variant=practical] .console-topbar-left .console-icon-btn{flex-shrink:0}html[data-ui-variant=practical] .console-ui-picker-label{flex-wrap:wrap;row-gap:4px}html[data-ui-variant=practical] .console-ui-picker-label-text{margin-right:2px}html[data-ui-variant=practical] .console-ui-scope-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:2px 7px;font-size:9px;font-weight:700;line-height:1.2;display:inline-flex}html[data-ui-variant=practical] .console-ui-scope-badge--operator{color:#93c5fd;background:#60a5fa29;border:1px solid #60a5fa59}html[data-ui-variant=practical] .console-ui-scope-badge--account{border:1px solid var(--console-border);color:var(--console-dim);background:#ffffff0f}html[data-ui-variant=practical] .console-tools-variant-section{gap:8px}html[data-ui-variant=practical] .console-ui-picker-hint{margin-top:2px}.console-operator-ui{margin-bottom:var(--space-6);padding:var(--space-5);border:1px solid var(--divider);background:var(--glass-bg);border-radius:12px}html[data-ui-variant=practical] .console-operator-ui{border:1px solid var(--console-border);background:var(--console-panel-fill);border-radius:12px;padding:18px 18px 16px;box-shadow:inset 0 1px #ffffff0a}html[data-ui-variant=practical] .console-operator-ui-header{border-bottom:1px solid var(--console-border);align-items:flex-start;gap:14px;margin-bottom:16px;padding-bottom:14px;display:flex}html[data-ui-variant=practical] .console-operator-ui-header-icon{color:#93c5fd;background:#60a5fa1f;border:1px solid #60a5fa47;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}html[data-ui-variant=practical] .console-operator-ui-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--console-dim);margin:0 0 4px;font-size:10px;font-weight:700}html[data-ui-variant=practical] .console-operator-ui-title{letter-spacing:-.02em;color:var(--console-text);margin:0;font-size:18px;font-weight:650}html[data-ui-variant=practical] .console-operator-ui-lead{color:var(--console-muted);max-width:52ch;margin:6px 0 0;font-size:12.5px;line-height:1.45}html[data-ui-variant=practical] .console-operator-ui-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}html[data-ui-variant=practical] .console-operator-ui-card{border:1px solid var(--console-border);background:var(--console-surface);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}html[data-ui-variant=practical] .console-operator-ui-card-head{color:var(--console-muted);align-items:center;gap:8px;display:flex}html[data-ui-variant=practical] .console-operator-ui-card-head h3{color:var(--console-text);margin:0;font-size:13px;font-weight:600}html[data-ui-variant=practical] .console-operator-ui-card-copy{color:var(--console-muted);margin:0;font-size:12.5px;line-height:1.45}html[data-ui-variant=practical] .console-operator-ui-card-copy strong{color:var(--console-text);font-weight:600}html[data-ui-variant=practical] .console-operator-ui-footnote{color:var(--console-dim);margin:0;font-size:11px;line-height:1.4}html[data-ui-variant=practical] .console-operator-ui-checklist{flex-direction:column;gap:6px;margin-top:4px;display:flex}html[data-ui-variant=practical] .console-operator-ui-checklist-label{letter-spacing:.08em;text-transform:uppercase;color:var(--console-dim);font-size:10px;font-weight:700}html[data-ui-variant=practical] .console-operator-ui-check{color:var(--console-muted);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;font-size:13px;display:flex}html[data-ui-variant=practical] .console-operator-ui-check.is-on{color:var(--console-text);background:#60a5fa14;border-color:#60a5fa38}html[data-ui-variant=practical] .console-operator-ui-check input{accent-color:#60a5fa}html[data-ui-variant=practical] .console-operator-ui-status-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}html[data-ui-variant=practical] .console-operator-ui-pill{border:1px solid var(--console-border);color:var(--console-dim);background:0 0;border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}html[data-ui-variant=practical] .console-operator-ui-pill.is-on{color:#6ee7b7;background:#34d3991a;border-color:#34d39959}html[data-ui-variant=practical] .console-operator-ui-card button[aria-haspopup=listbox]{border:1px solid var(--console-border);background:var(--console-panel-fill);width:100%;min-height:40px;color:var(--console-text);border-radius:8px;padding:8px 11px;font-size:13.5px}html[data-ui-variant=practical] .console-operator-ui-card button[aria-haspopup=listbox]:hover{background:var(--console-panel-fill-md);border-color:#ffffff1f}html[data-ui-variant=practical] .console-operator{max-width:1280px}html[data-ui-variant=practical] .console-operator .op-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}html[data-ui-variant=practical] .console-operator .op-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--console-dim);font-size:11px;font-weight:700;font-family:var(--font-mono);margin-bottom:8px;display:block}html[data-ui-variant=practical] .console-operator .op-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(26px,3.5vw,34px);font-weight:600}html[data-ui-variant=practical] .console-operator .op-lead{color:var(--console-muted);max-width:52ch;margin:10px 0 0;font-size:14px;line-height:1.5}html[data-ui-variant=practical] .console-operator .op-hero-actions{flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 14px;display:flex}html[data-ui-variant=practical] .console-operator .op-ghost-btn,html[data-ui-variant=practical] .console-operator .op-icon-btn{border:1px solid var(--console-border);color:var(--console-text-hover);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}html[data-ui-variant=practical] .console-operator .op-icon-btn{padding:10px}html[data-ui-variant=practical] .console-operator .op-ghost-btn:hover,html[data-ui-variant=practical] .console-operator .op-icon-btn:hover{background:var(--console-hover)}html[data-ui-variant=practical] .console-operator .op-shell{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:16px;margin-bottom:16px;display:grid}@media (width>=900px){html[data-ui-variant=practical] .console-operator .op-shell{align-items:stretch;height:min(80vh,900px)}}@media (width<=900px){html[data-ui-variant=practical] .console-operator .op-shell{grid-template-columns:1fr}}html[data-ui-variant=practical] .console-operator .op-panel{background:var(--console-surface);border:1px solid var(--console-border);border-radius:12px;overflow:hidden}html[data-ui-variant=practical] .console-operator .op-panel-head{border-bottom:1px solid var(--console-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}html[data-ui-variant=practical] .console-operator .op-panel-title{margin:0;font-size:15px;font-weight:600}html[data-ui-variant=practical] .console-operator .op-panel-title--spaced{padding:16px 20px 0}html[data-ui-variant=practical] .console-operator .op-accounts{flex-direction:column;min-height:0;max-height:min(52vh,480px);display:flex}@media (width>=900px){html[data-ui-variant=practical] .console-operator .op-accounts{height:100%;max-height:none}}html[data-ui-variant=practical] .console-operator .op-accounts-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;min-height:0;padding:12px 16px 16px;display:flex;overflow-y:auto}html[data-ui-variant=practical] .console-operator .op-detail{flex-direction:column;min-height:0;display:flex}@media (width>=900px){html[data-ui-variant=practical] .console-operator .op-detail{height:100%;max-height:min(80vh,900px)}}html[data-ui-variant=practical] .console-operator .op-detail-card{min-height:0;padding:0 20px 20px}@media (width>=900px){html[data-ui-variant=practical] .console-operator .op-detail-card{overscroll-behavior:contain;flex:1;overflow-y:auto}}html[data-ui-variant=practical] .console-operator .op-dept-label{letter-spacing:.08em;text-transform:uppercase;color:var(--console-dim);margin:0 0 8px;font-size:10px;font-weight:700}html[data-ui-variant=practical] .console-operator .op-account-rows{flex-direction:column;gap:8px;display:flex}html[data-ui-variant=practical] .console-operator .op-account-row{text-align:left;border:1px solid var(--console-border);background:var(--console-panel-fill);width:100%;color:var(--console-text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}html[data-ui-variant=practical] .console-operator .op-account-row:hover{background:var(--console-hover)}html[data-ui-variant=practical] .console-operator .op-account-row.is-selected{background:#3b82f614;border-color:#60a5fa8c}html[data-ui-variant=practical] .console-operator .op-account-email{color:var(--console-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}html[data-ui-variant=practical] .console-operator .op-account-meta{color:var(--console-dim);flex-shrink:0;font-size:12px}html[data-ui-variant=practical] .console-operator .op-detail-header{border-bottom:1px solid var(--console-border);margin-bottom:16px;padding:16px 0}html[data-ui-variant=practical] .console-operator .op-detail-email{color:var(--console-muted);margin:4px 0 0;font-size:13px}html[data-ui-variant=practical] .console-operator .op-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--console-dim);margin:0 0 12px;font-size:11px;font-weight:700}html[data-ui-variant=practical] .console-operator .op-perm-cat{border-top:1px solid var(--console-border);margin-top:14px;padding-top:14px}html[data-ui-variant=practical] .console-operator .op-perm-cat-label{letter-spacing:.06em;text-transform:uppercase;color:#60a5fa;margin:0 0 10px;font-size:11px;font-weight:700}html[data-ui-variant=practical] .console-operator .op-perm-rows{flex-direction:column;gap:12px;display:flex}html[data-ui-variant=practical] .console-operator .op-perm-row{border-bottom:1px solid var(--console-border);padding-bottom:12px}html[data-ui-variant=practical] .console-operator .op-branches{border-top:1px solid var(--console-border);margin-top:16px;padding-top:16px}html[data-ui-variant=practical] .console-operator .op-branch-pills{flex-wrap:wrap;gap:8px;display:flex}html[data-ui-variant=practical] .console-operator .op-logins{margin-bottom:8px}html[data-ui-variant=practical] .console-operator .op-logins-body{padding:4px 0 8px}html[data-ui-variant=practical] .console-operator .op-login-row{border-bottom:1px solid var(--console-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 20px;font-size:14px;display:flex}html[data-ui-variant=practical] .console-operator .op-login-meta{color:var(--console-muted);margin-top:2px;font-size:12px}html[data-ui-variant=practical] .console-operator .op-login-ip{color:var(--console-dim);flex-shrink:0;font-size:12px}html[data-ui-variant=practical] .console-operator .op-login-footnote{color:var(--console-dim);padding:10px 20px 14px;font-size:11px;display:block}html[data-ui-variant=practical] .console-operator .op-logins-loading{color:var(--console-muted);margin:0;padding:20px;font-size:13px}html[data-ui-variant=practical] .console-operator .op-bar{border:1px solid var(--console-border);background:var(--console-surface);border-radius:12px;margin-bottom:12px;overflow:hidden}html[data-ui-variant=practical] .console-operator .op-bar-toggle{width:100%;color:var(--console-text-hover);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;display:flex}html[data-ui-variant=practical] .console-operator .op-bar-toggle:hover{background:var(--console-hover)}html[data-ui-variant=practical] .console-operator .op-bar-toggle-text{flex-direction:column;gap:2px;min-width:0;display:flex}html[data-ui-variant=practical] .console-operator .op-bar-toggle-title{font-size:13.5px;font-weight:600}html[data-ui-variant=practical] .console-operator .op-bar-toggle-summary{color:var(--console-dim);font-size:11.5px}html[data-ui-variant=practical] .console-operator .op-bar-chevron{color:var(--console-dim);flex-shrink:0;transition:transform .18s}html[data-ui-variant=practical] .console-operator .op-bar.is-open .op-bar-chevron{transform:rotate(180deg)}html[data-ui-variant=practical] .console-operator .op-bar-body .console-operator-ui{border:none;border-top:1px solid var(--console-border);border-radius:0;margin:0}html[data-ui-variant=practical] .console-operator .op-collapse{border:1px solid var(--console-border);background:var(--console-panel-fill);border-radius:8px;overflow:hidden}html[data-ui-variant=practical] .console-operator .op-collapse+.op-collapse,html[data-ui-variant=practical] .console-operator .op-perms>.op-collapse{margin-top:10px}html[data-ui-variant=practical] .console-operator .op-collapse-toggle{width:100%;color:var(--console-text-hover);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:12px;font-weight:700;display:flex}html[data-ui-variant=practical] .console-operator .op-collapse-toggle:hover{background:var(--console-hover)}html[data-ui-variant=practical] .console-operator .op-collapse-chevron{color:var(--console-dim);flex-shrink:0;transition:transform .18s}html[data-ui-variant=practical] .console-operator .op-collapse.is-open .op-collapse-chevron{transform:rotate(180deg)}html[data-ui-variant=practical] .console-operator .op-collapse-body{padding:0 12px 12px;display:none}html[data-ui-variant=practical] .console-operator .op-collapse.is-open .op-collapse-body{display:block}html[data-ui-variant=practical] .console-operator .op-perms>.op-collapse>.op-collapse-body{padding-top:0}