: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{overflow-x:hidden}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}.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;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #0006}.sidebar-brand{letter-spacing:.08em;padding:var(--space-6) var(--space-5) var(--space-4);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;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-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-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}.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}