: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:32px;--bg-base:#fff;--bg-surface:#f5f5f7;--bg-elevated:#fff;--text-primary:#1c1c1e;--text-secondary:#6e6e73;--text-tertiary:#8e8e93;--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;--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;--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;--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(--canvas-bg);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}.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}.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}.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)}.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)}@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}}.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}.auth-page{background:var(--canvas-bg);min-height:100dvh;color:var(--canvas-text);padding:var(--page-gutter);flex-direction:column;justify-content:center;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(--canvas-surface);border:1px solid var(--canvas-divider);width:64px;height:64px;color:var(--accent-blue);box-shadow:var(--glow-blue);justify-content:center;align-items:center;display:flex}.auth-form{background:var(--canvas-surface);border:1px solid var(--canvas-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(--canvas-text)}.auth-form .form-input{color:var(--canvas-text);background:#ffffff0f;border-color:#ffffff1a}.auth-form .form-input:focus{border-color:var(--accent-blue)}.auth-form .btn-primary{color:#0a0a0f;background:#fff}@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}}.segmented-item{transition:all .3s cubic-bezier(.4,0,.2,1)}