:root{--canvas-bg:#FBFBFA;--bg:#FBFBFA;--canvas-surface:#FFFFFF;--surface:#FFFFFF;--canvas-subtle:#F4F3EE;--surface-subtle:#F4F3EE;--subtle:#F4F3EE;--canvas-muted:#EBE9E1;--muted:#EBE9E1;--ink-primary:#19281E;--ink-secondary:#38483E;--ink-muted:#69786E;--ink-subtle:#99A89E;--ink-inverted:#FFFFFF;--brand-primary:#2D7A4D;--brand-primary-hover:#24633E;--brand-primary-light:#EBF5EE;--brand-green:#2D7A4D;--brand-green-hover:#24633E;--brand-green-light:#EBF5EE;--brand-light:#EBF5EE;--brand-navy-900:#1B3828;--brand-navy-800:#234834;--brand-navy-700:#2C5A41;--brand-navy-100:#EBF5EE;--brand-navy-50:#EEF7F1;--accent:#B57424;--brand-gold-600:#B57424;--brand-gold-500:#D97706;--brand-gold-100:#FDF8F0;--brand-gold-50:#FFFDF9;--color-cuan:#2D7A4D;--color-cuan-dark:#1E5434;--color-cuan-bg:#EEF7F1;--color-cuan-border:#B7DEC5;--color-boncos:#C23A3A;--color-boncos-dark:#992929;--color-boncos-bg:#FDF2F2;--color-boncos-border:#F5BEBE;--color-impas:#B57424;--color-impas-dark:#875518;--color-impas-bg:#FDF8F0;--color-impas-border:#F3DAB6;--color-libur:#69786E;--color-libur-dark:#38483E;--color-libur-bg:#F4F3EE;--color-libur-border:#E5E4DE;--color-info:#2D7A4D;--color-info-dark:#1E5434;--color-info-bg:#EEF7F1;--color-info-border:#B7DEC5;--color-streak:#B57424;--color-streak-dark:#875518;--color-streak-bg:#FDF8F0;--color-streak-border:#F3DAB6;--color-locked:#38483E;--color-locked-dark:#19281E;--color-locked-bg:#F4F3EE;--color-locked-border:#CCCAC0;--border-subtle:#E5E4DE;--border-medium:#CCCAC0;--border-strong:#999688;--border-focus:#2D7A4D;--border-double-rule:3px double #2D7A4D;--radius-card:4px;--radius-btn:3px;--shadow-card:0 1px 3px rgba(25,40,30,0.05);--shadow-folio:0 2px 10px rgba(25,40,30,0.06);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--font-size-5xl:36px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-none:0px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-none:none;--shadow-xs:0 1px 2px 0 rgba(15,23,42,0.05);--shadow-sm:0 1px 3px 0 rgba(15,23,42,0.08),0 1px 2px -1px rgba(15,23,42,0.06);--shadow-md:0 4px 6px -1px rgba(15,23,42,0.08),0 2px 4px -2px rgba(15,23,42,0.04);--shadow-lg:0 10px 15px -3px rgba(15,23,42,0.08),0 4px 6px -4px rgba(15,23,42,0.03);--shadow-modal:0 20px 25px -5px rgba(15,23,42,0.12),0 8px 10px -6px rgba(15,23,42,0.06);--sidebar-desktop-width:240px;--sidebar-tablet-width:68px;--header-height:60px;--bottom-nav-height:64px;--touch-target-min:48px;--touch-target-compact:44px;--touch-target-stepper:44px;--calendar-toggle-height-desktop:36px;--calendar-toggle-height-mobile:44px;--stepper-btn-size-desktop:36px;--stepper-btn-size-mobile:44px;--stepper-gap-desktop:6px;--stepper-gap-mobile:8px;--denom-input-height:44px;--denom-btn-size:44px;--page-max-width-fluid:1600px;--landing-max-width:1200px;--folio-badge-height:22px;--cashier-capsule-height:44px;--cashier-capsule-border-radius:4px;--rupiah-input-height:44px;--rupiah-input-height-compact:40px;--rupiah-input-border:1.5px solid var(--border-medium);--rupiah-input-border-focus:1.5px solid var(--brand-primary);--rupiah-input-prefix-bg:var(--canvas-subtle);--rupiah-input-prefix-ink:var(--ink-secondary);--rupiah-input-prefix-border:1.5px solid var(--border-medium);--rupiah-input-focus-shadow:0 0 0 1px var(--brand-primary),0 2px 6px rgba(45,122,77,0.12);--table-surface-border:none;--table-surface-radius:0;--table-surface-shadow:none;--table-surface-padding:0;--table-surface-header-padding:var(--space-4) var(--space-5);--table-cell-padding:12px 16px;--table-cell-padding-y:12px;--table-cell-padding-x:16px;--modal-width-compact:480px;--modal-width-regular:580px;--modal-width-wide:680px;--modal-width-wide-max:720px;--modal-width-expanded:800px;--modal-width-expanded-max:860px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--canvas-bg);color:var(--ink-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mono-num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}body.is-landing .bottom-nav,body.is-landing .corporate-header,body.is-landing .desktop-sidebar,body.is-landing .pwa-install-banner,body.is-landing .user-profile-badge,body.is-login .bottom-nav,body.is-login .corporate-header,body.is-login .desktop-sidebar,body.is-login .pwa-install-banner,body.is-login .user-profile-badge{display:none!important}body.is-landing .app-shell-main{margin-left:0!important;padding:0!important;max-width:100vw;overflow-x:hidden}body.is-login .app-shell-main{margin-left:0!important;padding:0!important;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--canvas-bg)}.login-card-container{max-width:440px;margin:var(--space-4);padding:var(--space-6) var(--space-8);background:var(--canvas-surface);box-shadow:var(--shadow-md)}.card-surface{background:var(--canvas-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.card-surface-table,.card-surface:has(.table-container){padding:0!important;overflow:hidden}.card-surface-header,.table-card-header{padding:var(--table-surface-header-padding);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--canvas-surface)}.card-surface-header h3{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--ink-primary)}.card-surface-header p{font-size:var(--font-size-xs);color:var(--ink-muted);margin-top:2px}.table-container{width:100%;overflow-x:auto;padding:0!important;margin:0!important;border:none!important;background:transparent}.table-calm{width:100%;border-collapse:collapse;text-align:left;font-size:var(--font-size-sm)}.table-calm th{background:var(--canvas-subtle);color:var(--ink-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;padding:10px 16px;white-space:nowrap}.table-calm td,.table-calm th{border-bottom:1px solid var(--border-subtle)}.table-calm td{padding:var(--table-cell-padding);color:var(--ink-primary);vertical-align:middle}.table-calm tbody tr:last-child td{border-bottom:none}.table-calm tbody tr:hover{background:rgba(15,44,89,.02)}.ledger-card-list{padding:var(--space-3)}.card-ledger--modern,.ledger-card-list{display:flex;flex-direction:column;gap:var(--space-3)}.card-ledger--modern{background:var(--canvas-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs)}.card-ledger--modern .ledger-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.card-ledger--modern .ledger-seq-tag{font-size:var(--font-size-2xs);font-family:var(--font-mono);font-weight:var(--font-weight-bold);color:var(--brand-navy-900);background:var(--brand-navy-50);padding:2px 6px;border-radius:var(--radius-xs)}.card-ledger--modern .ledger-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--ink-primary)}.card-ledger--modern .ledger-attr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-2) var(--space-3);gap:var(--space-2) var(--space-3);padding:var(--space-2) 0;border-top:1px dashed var(--border-subtle);border-bottom:1px dashed var(--border-subtle)}.card-ledger--modern .attr-item{display:flex;flex-direction:column}.card-ledger--modern .attr-label{font-size:var(--font-size-2xs);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em}.card-ledger--modern .attr-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--ink-secondary)}.card-ledger--modern .ledger-hero-box{background:var(--brand-navy-50);border:1px solid rgba(15,44,89,.1);border-radius:var(--radius-md);padding:var(--space-3);display:flex;align-items:center;justify-content:space-between}.card-ledger--modern .hero-box-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--brand-navy-900)}.card-ledger--modern .hero-box-val{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-extrabold);color:var(--brand-navy-900)}.card-ledger--modern .ledger-actions{display:flex;gap:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-compact);padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary:disabled,.btn-secondary:disabled,.btn:disabled,.btn[disabled]{opacity:.45!important;cursor:not-allowed!important;pointer-events:none!important;filter:grayscale(40%)!important}.btn-primary{background:var(--brand-green);color:#FFFFFF;border-color:var(--brand-green)}.btn-primary:hover{background:var(--brand-green-hover);border-color:var(--brand-green-hover)}.btn-secondary{background:var(--canvas-surface);color:var(--ink-primary);border-color:var(--border-medium)}.btn-secondary:hover{background:var(--canvas-subtle);border-color:var(--border-strong)}.btn-cuan{background:var(--color-cuan);color:#FFFFFF;border-color:var(--color-cuan)}.btn-cuan:hover{background:var(--color-cuan-dark)}.btn-boncos{background:var(--color-boncos-bg);color:var(--color-boncos-dark);border-color:var(--color-boncos-border)}.btn-boncos:hover{background:#FEE2E2}.btn-icon-only{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:var(--radius-md)}.badge,.boxed-ledger-stamp{display:inline-flex;align-items:center;gap:4px;padding:2.5px 7px;border-radius:var(--radius-xs,3px);font-family:var(--font-mono,monospace);font-size:11px;font-weight:700;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;border:1px solid}.badge-cuan,.boxed-ledger-stamp--cuan{background:var(--color-cuan-bg);color:var(--color-cuan-dark);border:1px solid var(--color-cuan-border)}.badge-boncos,.boxed-ledger-stamp--boncos,.boxed-ledger-stamp--tekor{background:var(--color-boncos-bg);color:var(--color-boncos-dark);border:1px solid var(--color-boncos-border)}.badge-impas,.boxed-ledger-stamp--impas{background:var(--color-impas-bg);color:var(--color-impas-dark);border:1px solid var(--color-impas-border)}.badge-libur,.boxed-ledger-stamp--libur{background:var(--color-libur-bg);color:var(--color-libur-dark);border:1px solid var(--color-libur-border)}.badge-gold,.boxed-ledger-stamp--gold{background:var(--brand-gold-100);color:var(--brand-gold-600);border:1px solid var(--brand-gold-500)}.badge-muted,.badge-secondary,.boxed-ledger-stamp--neutral{background:var(--canvas-subtle);color:var(--ink-secondary);border:1px solid var(--border-medium)}.mini-stamp{display:inline-block;padding:1px 4px;border-radius:2px;font-family:var(--font-mono,monospace);font-size:8.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.1;border:1px solid}.mini-stamp.stamp-cuan{color:var(--color-cuan-dark);background:var(--color-cuan-bg);border-color:var(--color-cuan-border)}.mini-stamp.stamp-boncos,.mini-stamp.stamp-tekor{color:var(--color-boncos-dark);background:var(--color-boncos-bg);border-color:var(--color-boncos-border)}.mini-stamp.stamp-impas{color:var(--color-impas-dark);background:var(--color-impas-bg);border-color:var(--color-impas-border)}.mini-stamp.stamp-libur{color:var(--ink-muted);background:var(--canvas-subtle);border-color:var(--border-subtle)}.chip-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.metric-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.2;white-space:nowrap;background:var(--canvas-subtle);border:1px solid var(--border-subtle);color:var(--ink-secondary);transition:all .15s ease-in-out}.metric-chip svg{width:14px;height:14px;flex-shrink:0}.metric-chip--cuan{background:var(--color-cuan-bg);color:var(--color-cuan-dark);border-color:var(--color-cuan-border)}.metric-chip--boncos{background:var(--color-boncos-bg);color:var(--color-boncos-dark);border-color:var(--color-boncos-border)}.metric-chip--impas{background:var(--color-impas-bg);color:var(--color-impas-dark);border-color:var(--color-impas-border)}.metric-chip--navy{background:var(--brand-navy-50);color:var(--brand-navy-900);border-color:var(--brand-navy-100)}.metric-chip--gold{background:var(--brand-gold-50);color:var(--brand-gold-600);border-color:var(--brand-gold-100)}.metric-chip--neutral{background:var(--canvas-subtle);color:var(--ink-secondary);border-color:var(--border-subtle)}.feature-chip-group{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.kpi-chip-group{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pricing-badge-chip{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:var(--radius-sm);background:var(--brand-green-light);color:var(--brand-green-hover);border:1px solid rgba(56,130,83,.2);white-space:nowrap}.faq-answer-container{display:flex;flex-direction:column;gap:8px}.faq-answer-badge{display:inline-flex;align-items:center;gap:6px;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--brand-navy-900)}.nav-tabs,.sub-tab-bar{display:flex;align-items:center;gap:var(--space-1);border-bottom:1px solid var(--border-subtle);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-4);background:transparent}.nav-tabs::-webkit-scrollbar{display:none}.tab-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 16px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--ink-muted);background:transparent!important;border:none!important;border-radius:0!important;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color var(--transition-fast)}.tab-btn:hover{color:var(--ink-primary)}.tab-btn.active{color:var(--brand-green)!important;font-weight:var(--font-weight-bold);border-bottom:2px solid var(--brand-green)!important;margin-bottom:-1px}.form-grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3) var(--space-4);gap:var(--space-3) var(--space-4)}.form-grid-span-full{grid-column:1/-1}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--ink-secondary)}.form-control,.form-input,.form-select{height:42px;padding:0 var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--ink-primary);background:var(--canvas-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-control:focus,.form-input:focus,.form-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(15,44,89,.12)}.calendar-cuan-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.calendar-day-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-2) 0}.calendar-cuan-cell{aspect-ratio:1/1;min-height:60px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:var(--space-2);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);background:var(--canvas-surface)}.calendar-cuan-cell:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.calendar-cuan-cell.status-cuan{background:var(--color-cuan-bg);border-color:var(--color-cuan-border)}.calendar-cuan-cell.status-boncos{background:var(--color-boncos-bg);border-color:var(--color-boncos-border)}.calendar-cuan-cell.status-libur{background:var(--color-libur-bg);border-color:var(--color-libur-border)}.calendar-cuan-cell .cell-date{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--ink-primary)}.calendar-cuan-cell .cell-nominal{font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-align:right}.toast-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);max-width:380px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#235436;color:#FFFFFF;box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);animation:slideInRight .25s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (max-width:767px){.mobile-only{display:flex!important}.desktop-only{display:none!important}body,html{overflow-x:hidden!important}.app-shell-main{margin-left:0!important;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 16px) + var(--space-6))!important}.desktop-sidebar{display:none!important}.bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:var(--canvas-surface);border-top:1px solid var(--border-subtle);box-shadow:0 -2px 10px rgba(15,23,42,.05);z-index:1000}.bottom-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--touch-target-min);gap:4px;color:var(--ink-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);text-decoration:none;border:none;background:transparent}.bottom-nav-item.active{color:var(--brand-green);font-weight:var(--font-weight-bold)}.bottom-nav-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card-surface-table .table-container{display:none!important}.modal-footer{flex-direction:column-reverse!important;width:100%!important;gap:var(--space-2)!important}.modal-footer .btn{width:100%!important;min-height:44px!important}.form-grid-2col{grid-template-columns:minmax(0,1fr)!important}.modal-body [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.toast-container{left:var(--space-3);right:var(--space-3);top:var(--space-3);max-width:none}}@media (min-width:768px) and (max-width:1023px){.desktop-sidebar{width:var(--sidebar-tablet-width)!important}.desktop-sidebar .brand-text,.desktop-sidebar .nav-label,.desktop-sidebar .store-switcher-info,.desktop-sidebar .store-switcher-right,.desktop-sidebar .user-info{display:none!important}.desktop-sidebar .sidebar-brand{padding:0 10px!important;justify-content:center!important}.desktop-sidebar .sidebar-nav{padding:12px 6px!important;align-items:center!important}.desktop-sidebar .nav-link{justify-content:center!important;padding:10px 0!important;width:44px!important;height:44px!important;margin:0 auto!important;border-left:none!important;border-radius:6px!important}.desktop-sidebar .nav-link.active{border-left:none!important;border:1.5px solid var(--brand-green)!important;background:var(--brand-green-light)!important}.desktop-sidebar .store-switcher-wrapper{padding:8px 6px!important}.desktop-sidebar .store-switcher-trigger{padding:6px 0!important;justify-content:center!important}.desktop-sidebar .store-switcher-left{justify-content:center!important;width:100%!important}.desktop-sidebar .sidebar-footer{padding:10px 6px!important;align-items:center!important;gap:8px!important}.desktop-sidebar .streak-badge{padding:6px!important;width:36px!important;height:36px!important;margin:0 auto 6px!important;justify-content:center!important;box-sizing:border-box!important}.desktop-sidebar .streak-badge #sidebar-streak-text,.desktop-sidebar .trial-status-badge{display:none!important}.desktop-sidebar .user-profile-badge{justify-content:center!important;padding:4px 0!important;gap:0!important;width:100%!important}.desktop-sidebar .user-meta,.desktop-sidebar .user-profile-badge .btn-ghost,.desktop-sidebar .user-profile-badge button{display:none!important}.app-shell-main{margin-left:var(--sidebar-tablet-width)!important}.bottom-nav{display:none!important}}@media (min-width:1024px){.desktop-sidebar{width:var(--sidebar-desktop-width)}.app-shell-main{margin-left:var(--sidebar-desktop-width)}.bottom-nav{display:none!important}}@media (min-width:1920px){.page-container--fluid{max-width:var(--page-max-width-fluid);margin-inline:auto}}.landing-shell{width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--canvas-bg);color:var(--ink-primary);font-family:var(--font-sans)}.landing-container{width:100%;max-width:var(--landing-max-width);margin-inline:auto;padding-inline:var(--space-5);box-sizing:border-box}.landing-navbar{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;height:64px;background-color:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle);z-index:1000;display:flex;align-items:center}.landing-navbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.landing-nav-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;cursor:pointer}.landing-nav-brand .brand-icon{width:38px;height:38px;background:var(--brand-green);color:var(--ink-inverted);border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center}.landing-nav-brand .brand-icon,.landing-nav-brand .brand-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold)}.landing-nav-brand .brand-name{color:var(--brand-green);letter-spacing:-.02em}.landing-nav-links{display:flex;align-items:center;gap:var(--space-6);list-style:none;margin:0;padding:0}.landing-nav-link{color:var(--ink-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color .15s ease-in-out;cursor:pointer}.landing-nav-link:hover{color:var(--brand-green)}.landing-nav-actions{display:flex;align-items:center;gap:var(--space-3)}.landing-hero{padding-block:var(--space-12) var(--space-10);text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;background:var(--brand-gold-50);border:1px solid var(--brand-gold-100);border-radius:var(--radius-full);color:var(--brand-gold-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.hero-badge,.hero-title{margin-bottom:var(--space-4)}.hero-title{font-size:clamp(24px,4vw,42px);font-weight:var(--font-weight-extrabold);color:var(--brand-navy-900);line-height:var(--line-height-tight);letter-spacing:-.03em;max-width:860px;margin-inline:auto}.hero-title .text-highlight-cuan{color:var(--color-cuan-dark);background:linear-gradient(180deg,transparent 65%,var(--color-cuan-bg) 65%)}.hero-subtitle{font-size:clamp(14px,1.8vw,17px);color:var(--ink-secondary);line-height:var(--line-height-relaxed);max-width:720px;margin-inline:auto;margin-bottom:var(--space-8)}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.hero-preview-card{max-width:780px;margin-inline:auto;background:var(--canvas-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6);text-align:left}.hero-preview-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-5)}.hero-preview-badge{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);padding:4px 10px;border-radius:var(--radius-full);background:var(--color-cuan-bg);color:var(--color-cuan-dark);border:1px solid var(--color-cuan-border)}.landing-section{padding-block:var(--space-12);border-top:1px solid var(--border-subtle)}.section-tag{display:inline-block;font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--brand-green);background:var(--brand-green-light);padding:4px 10px;border-radius:var(--radius-sm)}.section-tag,.section-title{font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-2)}.section-title{font-size:clamp(22px,3vw,30px);color:var(--brand-navy-900);letter-spacing:-.02em}.section-desc{font-size:var(--font-size-md);color:var(--ink-muted);max-width:640px;margin-inline:auto;line-height:var(--line-height-normal)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-8)}.feature-card{background:var(--canvas-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:all .2s ease-in-out;box-shadow:var(--shadow-xs)}.feature-card:hover{border-color:var(--brand-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon-box{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--brand-green-light);color:var(--brand-green)}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--brand-navy-900)}.feature-desc{font-size:var(--font-size-sm);color:var(--ink-secondary);line-height:var(--line-height-normal);flex:1 1 auto}.feature-jargon-tag{font-size:var(--font-size-xs);color:var(--color-cuan-dark);background:var(--color-cuan-bg);border:1px solid var(--color-cuan-border);padding:4px 8px;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);align-self:flex-start}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-6);gap:var(--space-6);max-width:860px;margin-inline:auto;margin-top:var(--space-8)}.pricing-card{background:var(--canvas-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm)}.pricing-card.is-popular{border:2px solid var(--brand-green);box-shadow:var(--shadow-lg)}.pricing-badge-popular{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brand-gold-600);color:var(--ink-inverted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-extrabold);padding:4px 14px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pricing-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--brand-navy-900);margin-bottom:var(--space-2)}.pricing-desc{font-size:var(--font-size-sm);color:var(--ink-muted);margin-bottom:var(--space-4)}.pricing-figure{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-6)}.pricing-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--brand-green);font-family:var(--font-mono)}.pricing-unit{font-size:var(--font-size-sm);color:var(--ink-secondary)}.pricing-features-list{list-style:none;padding:0;margin:0 0 var(--space-8) 0;display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto}.pricing-feature-row{justify-content:space-between;font-size:var(--font-size-sm);color:var(--ink-secondary)}.pricing-feature-left,.pricing-feature-row{display:flex;align-items:center;gap:var(--space-2)}.pricing-feature-row svg{width:16px;height:16px;color:var(--color-cuan);flex-shrink:0}.faq-accordion-list{max-width:760px;margin-inline:auto;margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.faq-card{background:var(--canvas-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s ease-in-out}.faq-card.is-open{border-color:var(--brand-green)}.faq-header{padding:var(--space-4) var(--space-5);font-weight:var(--font-weight-bold);color:var(--brand-navy-900);cursor:pointer;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--font-size-md)}.faq-header svg{width:18px;height:18px;color:var(--ink-muted);transition:transform .2s}.faq-card.is-open .faq-header svg{transform:rotate(180deg);color:var(--brand-green)}.faq-body{padding:0 var(--space-5) var(--space-4);color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);display:none}.faq-card.is-open .faq-body{display:block}.landing-footer{background-color:#0E1F16;color:#94A3B8;padding-block:var(--space-12) var(--space-6);border-top:1px solid #1b4d2e;font-size:var(--font-size-sm)}.landing-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:var(--space-8);gap:var(--space-8);margin-bottom:var(--space-8)}.landing-footer-brand h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:#FFFFFF;margin-bottom:var(--space-2)}.landing-footer-brand p{color:#94A3B8;line-height:var(--line-height-normal);max-width:380px}.landing-footer-col h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#FFFFFF;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.landing-footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.landing-footer-link{color:#94A3B8;text-decoration:none;transition:color .15s}.landing-footer-link:hover{color:#FFFFFF}.landing-footer-bottom{padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);color:#64748B;flex-wrap:wrap;gap:var(--space-3)}@media (max-width:767px){.landing-nav-links{display:none!important}.feature-grid,.landing-footer-grid,.pricing-grid{grid-template-columns:1fr!important}.landing-footer-grid{gap:var(--space-6)}.hero-cta-group{flex-direction:column;width:100%}.hero-cta-group .btn{width:100%!important;min-height:48px!important}.hero-preview-card{padding:var(--space-4)}}@media (min-width:768px) and (max-width:1023px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.desktop-sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--sidebar-desktop-width);background:#FFFFFF;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:900}.sidebar-brand{height:var(--header-height);padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-subtle);background:#FFFFFF;flex-shrink:0}.brand-logo-icon{width:32px;height:32px;min-width:32px;background:var(--brand-navy,#1B3828);color:#FFFFFF;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 1px 3px rgba(27,56,40,.2)}.brand-text{display:flex;flex-direction:column;min-width:0;overflow:hidden}.brand-title-row{display:flex;align-items:center;gap:6px}.brand-title{font-size:15px;line-height:1.15;letter-spacing:-.01em;margin:0}.brand-license-badge,.brand-title{font-weight:800;color:var(--brand-navy,#1B3828)}.brand-license-badge{font-size:9px;padding:1px 5px;border-radius:3px;background:var(--brand-identity-light,#EBF5EE);border:1px solid var(--brand-navy,#1b3828);letter-spacing:.05em;line-height:1.2}.brand-subtitle{font-size:10px;color:var(--ink-muted,#64748B);font-weight:500;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-switcher-wrapper{position:relative;padding:8px;border-bottom:1px solid var(--border-subtle);background:var(--canvas-subtle,#F8F6F0);flex-shrink:0}.store-switcher-trigger{width:100%;min-height:44px;padding:5px 6px;background:#FFFFFF;border:1.5px solid var(--border-medium,#e5e4de);border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;text-align:left;transition:all .15s ease-in-out;box-shadow:0 1px 2px rgba(15,23,42,.04)}.store-switcher-trigger:hover{background:#FFFFFF;border-color:var(--brand-navy,#1B3828);box-shadow:0 2px 5px rgba(27,56,40,.08)}.store-switcher-trigger.active{border-color:var(--brand-navy,#1B3828);box-shadow:0 0 0 1px var(--brand-navy,#1B3828),0 3px 8px rgba(27,56,40,.12);background:#FFFFFF}.store-switcher-left{display:flex;align-items:center;gap:5px;min-width:0;flex:1 1}.store-switcher-icon-wrap{width:24px;height:24px;min-width:24px;border-radius:5px;background:var(--brand-identity-light,#EBF5EE);border:1px solid var(--border-medium,#cbd5e1);display:flex;align-items:center;justify-content:center;color:var(--brand-navy,#1B3828)}.store-switcher-icon-wrap .store-icon{width:13px;height:13px}.store-switcher-info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.store-switcher-brand{font-size:11.5px;font-weight:700;color:var(--ink-primary,#0F172A)}.store-switcher-brand,.store-switcher-outlet{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-switcher-outlet{font-size:9.75px;font-weight:500;color:var(--ink-muted,#64748B);letter-spacing:-.015em}.store-switcher-right{display:flex;align-items:center;gap:3px;flex-shrink:0}.store-switcher-badge{font-size:7.5px;font-weight:800;letter-spacing:.03em;padding:1px 3.5px;border-radius:3px;text-transform:uppercase}.store-switcher-badge.badge-utama{background:#EEF7F1;color:#2D7A4D;border:1px solid #c4e3d0}.store-switcher-badge.badge-cabang{background:#F1F5F9;color:#475569;border:1px solid #cbd5e1}.store-switcher-chevron{width:12px;height:12px;color:var(--ink-muted,#64748B);transition:transform .2s cubic-bezier(.16,1,.3,1)}.store-switcher-chevron.rotate-open{transform:rotate(180deg);color:var(--brand-navy,#1B3828)}.store-switcher-popover{position:absolute;top:calc(100% + 4px);left:10px;right:10px;background:#FFFFFF;border:1.5px solid var(--brand-navy,#1b3828);border-radius:6px;box-shadow:0 12px 28px rgba(27,56,40,.18),0 4px 10px rgba(0,0,0,.06);z-index:1050;padding:6px 0;animation:popoverFadeIn .15s cubic-bezier(.16,1,.3,1)}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.store-popover-header{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 6px;border-bottom:1px solid var(--border-subtle,#f1f5f9);font-size:9.5px;font-weight:800;color:var(--ink-muted,#64748B);letter-spacing:.05em;text-transform:uppercase}.popover-serial{font-family:var(--font-mono,monospace);font-size:8.5px;color:var(--ink-subtle,#94A3B8)}.store-popover-list{display:flex;flex-direction:column;padding:4px 6px;gap:3px}.store-popover-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:5px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;transition:all .12s ease-in-out}.store-popover-item:hover{background:var(--canvas-subtle,#F8F6F0);border-color:var(--border-medium,#E5E4DE)}.store-popover-item.selected{background:#EEF7F1;border-color:#C4E3D0}.store-item-main{display:flex;flex-direction:column;min-width:0;flex:1 1}.store-item-name-row{display:flex;align-items:center;gap:6px}.store-item-name{font-size:11.5px;font-weight:700;color:var(--ink-primary,#0F172A);line-height:1.25}.store-item-tag{font-size:8px;font-weight:800;letter-spacing:.04em;padding:1px 4px;border-radius:2px;text-transform:uppercase}.tag-utama{background:#D1FAE5;color:#065F46}.tag-cabang{background:#F1F5F9;color:#475569}.store-item-sub{font-size:10px;color:var(--ink-muted,#64748B);font-weight:500;margin-top:1px}.store-item-check-wrap{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand-navy,#1B3828)}.store-item-check{width:14px;height:14px;stroke-width:2.5}.store-popover-divider{height:1px;border-top:1px dashed var(--border-medium,#e5e4de);margin:4px 6px}.store-popover-actions{display:flex;flex-direction:column;padding:2px 6px 4px;gap:2px}.store-popover-action-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;border:none;background:transparent;cursor:pointer;font-size:11px;font-weight:600;color:var(--ink-secondary,#334155);transition:all .12s ease-in-out}.store-popover-action-btn:hover{background:var(--canvas-subtle,#F8F6F0);color:var(--brand-navy,#1B3828)}.action-btn-left{display:flex;align-items:center;gap:7px}.action-btn-icon{width:13px;height:13px;color:var(--ink-muted,#64748B)}.store-popover-action-btn:hover .action-btn-icon{color:var(--brand-navy,#1B3828)}.action-tag-pill{font-size:9px;font-weight:700;padding:1px 5px;border-radius:10px;background:#FEF3C7;color:#92400E;border:1px solid #fde68a}.outlet-select,.outlet-selector-box{display:none!important}.sidebar-nav{flex:1 1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;color:var(--ink-secondary);text-decoration:none;font-size:13px;font-weight:600;transition:all .15s;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.nav-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}.nav-link:hover{background:var(--canvas-subtle);color:var(--ink-primary)}.nav-link.active{background:var(--brand-green-light);color:var(--brand-green);font-weight:700;border-left:3px solid var(--brand-green)}.sidebar-footer{padding:16px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px;background:#FAFAFA}.trial-status-badge{background:var(--brand-gold-100);border:1px solid #fcd34d;padding:8px 10px;border-radius:6px;font-size:11px;color:var(--brand-gold-600);display:flex;flex-direction:column;gap:2px}.trial-status-badge strong{font-weight:700;color:#92400E}.user-profile-badge{display:flex;align-items:center;gap:10px}.user-avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-green);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.user-meta{flex:1 1;line-height:1.2}.user-name{font-size:12px;font-weight:700;color:var(--ink-primary)}.user-role{font-size:10px;color:var(--ink-muted)}.app-shell-main{margin-left:var(--sidebar-desktop-width);padding:24px;min-height:100vh;display:flex;flex-direction:column;gap:20px;background:var(--canvas-bg)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header h2{font-size:20px;font-weight:800;color:var(--ink-primary);letter-spacing:-.01em}.page-header p{font-size:12px;color:var(--ink-muted);margin-top:2px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{padding:16px;display:flex;flex-direction:column;gap:8px}.kpi-header{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:11px;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:22px;font-weight:800;color:var(--ink-primary)}.kpi-subtext{font-size:11px;color:var(--ink-muted)}.stepper-container{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px;width:100%}.stepper-node{flex:1 1;flex-direction:column;text-align:center;gap:4px;position:relative;cursor:pointer}.stepper-circle,.stepper-node{display:flex;align-items:center}.stepper-circle{width:28px;height:28px;border-radius:50%;justify-content:center;font-size:11px;font-weight:700;background:#FFFFFF;border:2px solid var(--border-medium);color:var(--ink-muted);z-index:2}.stepper-node.completed .stepper-circle{background:var(--brand-green);border-color:var(--brand-green);color:#FFFFFF}.stepper-node.active .stepper-circle{border-color:var(--brand-green);color:var(--brand-green);box-shadow:0 0 0 3px var(--brand-green-light)}.stepper-label{font-size:11px;font-weight:600;color:var(--ink-muted)}.stepper-node.active .stepper-label{color:var(--brand-green);font-weight:700}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:11000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.modal-box{width:100%;background:#FFFFFF;border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);overflow:hidden;animation:modalScale .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.modal-compact{max-width:480px}.modal-regular{max-width:580px}.modal-wide{max-width:680px}.modal-expanded{max-width:800px}@keyframes modalScale{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:15px;font-weight:700;color:var(--ink-primary)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;max-height:75vh;overflow-y:auto}.modal-footer{padding:12px 20px;border-top:1px solid var(--border-subtle);background:var(--canvas-subtle);display:flex;align-items:center;justify-content:flex-end;gap:10px}.balance-difference-box{padding:14px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between}.balance-difference-box.is-match{background:var(--color-cuan-bg);border:1px solid var(--color-cuan-border);color:var(--color-cuan-dark)}.balance-difference-box.is-deficit{background:var(--color-boncos-bg);border:1px solid var(--color-boncos-border);color:var(--color-boncos-dark)}.balance-difference-box.is-surplus{background:var(--color-impas-bg);border:1px solid var(--color-impas-border);color:var(--color-impas-dark)}.login-card-container{width:100%;max-width:420px;background:#FFFFFF;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:32px 24px;box-shadow:var(--shadow-lg);box-sizing:border-box}.is-login .app-shell-header,.is-login .bottom-nav,.is-login .desktop-sidebar,.is-login .sidebar-footer,.is-login .user-profile-badge{display:none!important}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px}.calendar-day-header{font-size:11px;font-weight:700;color:var(--ink-muted);text-align:center;padding:8px 0;text-transform:uppercase}.calendar-cell{background:#FFFFFF;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px;min-height:80px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .15s}.calendar-cell:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.calendar-cell.status-cuan{background:var(--color-cuan-bg);border-color:var(--color-cuan-border)}.calendar-cell.status-boncos{background:var(--color-boncos-bg);border-color:var(--color-boncos-border)}.calendar-cell.status-impas{background:var(--color-impas-bg);border-color:var(--color-impas-border)}.calendar-cell.status-libur{background:var(--color-libur-bg);border-color:var(--color-libur-border)}@media (max-width:640px){.calendar-cell{padding:4px 1px!important;min-height:52px!important}}.landing-page-wrapper{width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--canvas-bg)}.landing-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;cursor:pointer}.landing-logo-badge{width:38px;height:38px;background:var(--brand-green);color:var(--ink-inverted);border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center}.landing-brand-name,.landing-logo-badge{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold)}.landing-brand-name{color:var(--brand-green);letter-spacing:-.02em}.landing-btn-login{padding:0 16px}.landing-btn-cta,.landing-btn-login{min-height:44px;min-width:44px;font-size:13px;font-weight:700}.landing-btn-cta{padding:0 18px;background:var(--brand-green);color:#FFFFFF;border-radius:var(--radius-md)}.landing-btn-cta:hover{background:var(--brand-green-hover)}@media (max-width:640px){.landing-btn-cta{display:none!important}}.app-layout{display:flex;min-height:100vh;position:relative;background:var(--canvas-bg);max-width:100vw;min-width:0}.app-layout,.app-shell-main{width:100%;overflow-x:hidden;box-sizing:border-box}.app-shell-main{flex:1 1;min-width:0!important;max-width:100%!important}@media (max-width:767px){body,html{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}.app-layout{display:block!important}.app-layout,.app-shell-main{width:100%!important;max-width:100vw!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}.app-shell-main{margin-left:0!important;padding:16px 16px calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 16px) + var(--space-6)) 16px!important}.page-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;box-sizing:border-box!important}.page-header,.page-header>div:first-child{width:100%!important;min-width:0!important;max-width:100%!important}.page-header h2{font-size:18px!important}.page-header h2,.page-header p{word-break:break-word!important}.page-header p{font-size:12px!important}.page-header>div:last-child{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;max-width:100%!important;gap:8px!important}.page-header>.btn,.page-header>div:last-child .btn{width:100%!important;min-height:44px!important}.kpi-grid{grid-template-columns:1fr!important}.card-surface,.kpi-card,.kpi-grid{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.table-container,.table-scroll-wrapper{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}.modal-body .sub-tab-bar{flex-shrink:0!important}.streak-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-streak-bg);color:var(--color-streak-dark);border:1px solid var(--color-streak-border);border-radius:20px;font-size:12px;font-weight:700}.streak-fire-icon{width:16px;height:16px;color:var(--color-streak)}.btn-streak-freeze{border-color:var(--border-medium);font-size:12px;gap:6px}.lock-status-banner{padding:14px 18px;border-radius:var(--radius-card);display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.lock-status-banner--locked{background:var(--color-locked-bg);border:1px solid var(--color-locked-border);color:var(--color-locked-dark)}.lock-status-banner--editing{background:var(--color-impas-bg);border:1px solid var(--color-impas-border);color:var(--color-impas-dark)}.lock-status-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#FFFFFF;border:1px solid rgba(0,0,0,.08);flex-shrink:0}.lock-status-icon svg{width:20px;height:20px}.lock-status-content{flex:1 1}.lock-status-title{font-size:13px;font-weight:700}.lock-status-desc{font-size:11px;color:var(--ink-muted);margin-top:2px}.stepper-control{gap:var(--stepper-gap-desktop,8px)}.stepper-btn,.stepper-control{display:inline-flex;align-items:center}.stepper-btn{width:var(--stepper-btn-size-desktop,36px);height:var(--stepper-btn-size-desktop,36px);min-width:var(--stepper-btn-size-desktop,36px);min-height:var(--stepper-btn-size-desktop,36px);border-radius:var(--radius-md,6px);border:1.5px solid var(--border-medium);background:var(--canvas-surface,#FFFFFF);color:var(--ink-primary);justify-content:center;font-weight:800;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease;box-shadow:0 1px 2px rgba(0,0,0,.04)}.stepper-btn:hover:not(:disabled){background:var(--canvas-subtle);border-color:var(--border-strong)}.stepper-btn:active:not(:disabled){transform:translateY(1.5px);box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}.stepper-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.stepper-val{font-size:14px;min-width:36px;text-align:center;color:var(--ink-primary)}.stepper-jump-btn,.stepper-quick-btn,.stepper-val{font-family:var(--font-mono);font-weight:800;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stepper-jump-btn,.stepper-quick-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--stepper-btn-size-desktop,36px);min-height:var(--stepper-btn-size-desktop,36px);min-width:44px;padding:0 10px;font-size:12px;letter-spacing:.02em;border-radius:var(--radius-md,6px);border:1.5px solid var(--brand-primary,#2d7a4d);background:var(--brand-primary-light,#EBF5EE);color:var(--brand-primary,#2D7A4D);cursor:pointer;margin-left:4px;transition:all .1s ease;box-shadow:0 1px 2px rgba(45,122,77,.08)}.stepper-jump-btn:hover:not(:disabled),.stepper-quick-btn:hover:not(:disabled){background:#DEF0E4;border-color:var(--brand-primary-hover,#24633E);color:var(--brand-primary-hover,#24633E)}.stepper-jump-btn:active:not(:disabled),.stepper-quick-btn:active:not(:disabled){transform:translateY(1.5px);box-shadow:inset 0 1px 2px rgba(45,122,77,.15)}.stepper-jump-btn:disabled,.stepper-quick-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-subtle);background:var(--canvas-subtle);color:var(--ink-muted);box-shadow:none}.stepper-locked{opacity:.6;pointer-events:none}.denom-container{background:var(--canvas-subtle,#F4F3EE);padding:16px;border-radius:var(--radius-md,6px);border:1.5px solid var(--border-medium,#e2e0d8);box-sizing:border-box}.denom-header{font-size:12px;font-weight:800;color:var(--brand-navy-900,#1B3828);margin-bottom:12px;padding-bottom:8px;border-bottom:1.5px solid var(--border-subtle,#e5e4de);letter-spacing:.04em;text-transform:uppercase}.denom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.denom-card{background:var(--canvas-surface,#FFFFFF);padding:10px 12px;border-radius:var(--radius-sm,4px);border:1px solid var(--border-subtle,#e5e4de);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;transition:all .15s ease}.denom-card:focus-within,.denom-card:hover{border-color:var(--border-strong,#1B3828);box-shadow:0 2px 4px rgba(27,56,40,.06)}.denom-card-label{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--ink-secondary,#475569);line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.denom-control{display:flex;align-items:center;gap:6px;margin-top:6px}.denom-btn{width:36px;height:36px;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--canvas-subtle,#F4F3EE);border:1.5px solid var(--border-medium,#cbd5e1);border-radius:var(--radius-sm,4px);color:var(--ink-primary,#0F172A);font-size:16px;font-weight:800;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease}.denom-btn:hover:not(:disabled){background:var(--canvas-surface,#FFFFFF);border-color:var(--border-strong,#1B3828)}.denom-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}.denom-btn:disabled{opacity:.4;cursor:not-allowed}.denom-input{height:36px!important;min-height:36px!important;width:100%;min-width:36px;text-align:center;font-size:14px!important;font-family:var(--font-mono);font-weight:700;border-radius:var(--radius-sm,4px);border:1.5px solid var(--border-medium,#cbd5e1);background:var(--canvas-surface,#FFFFFF);color:var(--ink-primary,#0F172A);box-sizing:border-box;padding:0 4px;transition:border-color .15s ease}.denom-input:focus{outline:none;border-color:var(--brand-primary,#2D7A4D);box-shadow:0 0 0 2px var(--brand-primary-light,#EEF7F1)}.denom-input:disabled{background:var(--canvas-subtle,#F4F3EE);color:var(--ink-muted,#94A3B8);cursor:not-allowed}.denom-subtotal{font-family:var(--font-mono);font-size:11px;color:var(--brand-primary,#2D7A4D);margin-top:6px;font-weight:700;line-height:1.2;text-align:right}@media (max-width:767px){.stepper-control{gap:var(--stepper-gap-mobile,8px)!important}.stepper-btn{width:var(--stepper-btn-size-mobile,44px)!important;height:var(--stepper-btn-size-mobile,44px)!important;min-width:44px!important;min-height:44px!important;font-size:20px!important;font-weight:800!important;border-radius:6px!important}.stepper-val{min-width:38px!important;font-size:16px!important}.stepper-jump-btn,.stepper-quick-btn{height:var(--stepper-btn-size-mobile,44px)!important;min-height:44px!important;min-width:48px!important;padding:0 12px!important;font-size:13px!important;border-radius:6px!important;margin-left:6px!important}.portion-row{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.portion-row>.stepper-control{align-self:flex-end;margin-top:4px}.denom-container{padding:10px 8px!important}.denom-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.denom-card{padding:8px 6px!important;min-width:0!important;overflow:hidden!important}.denom-control{gap:4px!important}.denom-btn{width:34px!important;min-width:32px!important;padding:0!important}.denom-btn,.denom-input{height:44px!important;min-height:44px!important;font-size:16px!important}.denom-input{min-width:0!important;padding:0 2px!important}.denom-subtotal{font-size:10.5px!important}}.login-modal-box{max-width:440px!important;width:100%}.batch-costing-result-box{background:var(--brand-green-light);border:1px solid #a7f3d0;border-radius:var(--radius-lg);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;margin-top:10px}.batch-hero-cost{font-size:20px;font-weight:800;color:var(--brand-green);font-family:var(--font-mono)}body.is-onboarding{background-color:var(--canvas-bg)}body.is-onboarding .bottom-nav,body.is-onboarding .corporate-header,body.is-onboarding .desktop-sidebar{display:none!important}.onboarding-wrapper{min-height:100vh;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);background-color:var(--canvas-bg)}.card-onboarding,.onboarding-wrapper{display:flex;flex-direction:column;box-sizing:border-box}.card-onboarding{width:100%;max-width:580px;background:var(--canvas-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:32px 28px;position:relative}.onboarding-stepper{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:var(--space-6);padding:0 var(--space-2)}.onboarding-stepper:before{content:"";background:var(--border-subtle);z-index:1}.onboarding-stepper-progress,.onboarding-stepper:before{position:absolute;top:16px;left:36px;right:36px;height:2px}.onboarding-stepper-progress{background:var(--brand-green);z-index:2;transform-origin:left center;transition:transform .3s ease-in-out}.onboarding-step-node{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-family:var(--font-mono);background:var(--canvas-surface);border:2px solid var(--border-medium);color:var(--ink-muted);transition:all .2s ease-in-out}.onboarding-step-node.active .step-circle{box-shadow:0 0 0 4px var(--brand-green-light)}.onboarding-step-node.active .step-circle,.onboarding-step-node.completed .step-circle{border-color:var(--brand-green);background:var(--brand-green);color:var(--ink-inverted)}.step-label{font-size:11px;font-weight:600;color:var(--ink-muted);text-align:center;white-space:nowrap}.onboarding-step-node.active .step-label{color:var(--brand-green-hover);font-weight:700}.onboarding-step-node.completed .step-label{color:var(--ink-primary)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-2)}.category-card{border:1.5px solid var(--border-medium);border-radius:var(--radius-lg);padding:16px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;background:var(--canvas-surface);transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-card:hover{border-color:var(--brand-green);background:var(--canvas-subtle)}.category-card.active{border-color:var(--brand-green);background:var(--brand-green-light);box-shadow:0 0 0 2px var(--brand-green)}.category-card-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--brand-green);margin-bottom:var(--space-2)}.category-card-title{font-size:12px;font-weight:700;color:var(--ink-primary);line-height:1.3}.category-card-desc{font-size:10px;color:var(--ink-muted);margin-top:2px}.currency-mask-wrapper{position:relative;display:flex;align-items:center}.currency-prefix{position:absolute;left:14px;font-family:var(--font-mono);font-weight:700;color:var(--ink-muted);font-size:15px;pointer-events:none}.currency-input{padding-left:44px!important;font-family:var(--font-mono)!important;font-size:16px!important;font-weight:700!important}.terbilang-preview-badge{display:inline-flex;align-items:center;gap:6px;background:var(--brand-green-light);border:1px solid var(--color-cuan-border);color:var(--color-cuan-dark);font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);margin-top:6px}.card-empty-guided{background:var(--canvas-surface);border:1.5px dashed var(--border-medium);border-radius:var(--radius-xl);padding:40px 24px;text-align:center;flex-direction:column;margin:var(--space-4) 0;box-sizing:border-box}.card-empty-guided,.empty-icon-wrapper{display:flex;align-items:center;justify-content:center}.empty-icon-wrapper{width:56px;height:56px;border-radius:50%;background:var(--brand-green-light);color:var(--brand-green);margin-bottom:var(--space-3)}.empty-icon-wrapper svg{width:28px;height:28px}.empty-title{font-size:16px;font-weight:700;color:var(--ink-primary);margin:0 0 var(--space-2) 0}.empty-description{font-size:13px;line-height:var(--line-height-normal);color:var(--ink-muted);max-width:440px;margin:0 auto var(--space-4) auto}.empty-actions{display:flex;gap:var(--space-3);justify-content:center;width:100%;max-width:320px}.btn-touch-full{width:100%!important;min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}@media (max-width:640px){.card-onboarding{padding:20px 16px;border-radius:var(--radius-lg)}.category-grid{grid-template-columns:1fr;gap:var(--space-2)}.category-card{flex-direction:row;text-align:left;padding:12px 14px;gap:var(--space-3)}.category-card-icon{margin-bottom:0}.card-empty-guided{padding:28px 16px}}.ledger-folio-spread{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}@media (min-width:992px){.ledger-folio-spread{grid-template-columns:1.1fr 1fr;background:#FFFFFF;border:1px solid #cccac0;box-shadow:0 2px 10px rgba(25,40,30,.06);border-radius:4px;padding:24px;position:relative}.ledger-folio-spread:before{content:"";position:absolute;top:10px;bottom:10px;left:52%;width:2px;border-left:2px dashed #cccac0;pointer-events:none}}.ledger-page{background:#FFFFFF;border:1px solid #e5e4de;border-radius:4px;padding:20px;box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden}@media (max-width:767px){.ledger-page{padding:12px!important}.receipt-perforation:before{left:-12px!important}.receipt-perforation:after{right:-12px!important}}.double-rule-header{border-top:3px double #2d7a4d;border-bottom:1px solid #e5e4de;padding:10px 0;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}#badge-drawer-status,#badge-stepper-status,.badge-folio-status,.embossed-seal-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:var(--folio-badge-height,22px)!important;min-height:var(--folio-badge-height,22px)!important;box-sizing:border-box!important;border-width:1.5px!important;border-style:solid!important;padding:0 8px!important;border-radius:3px!important;color:#2D7A4D;background:#EEF7F1;border-color:#2D7A4D;font-family:var(--font-mono,monospace)!important;font-size:11px!important;font-weight:800!important;line-height:1!important;letter-spacing:.05em!important;text-transform:uppercase!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)!important;white-space:nowrap!important}.badge-folio-status.is-locked,.badge-folio-status.readonly{background:var(--canvas-subtle,#F4F3EE)!important;color:var(--ink-muted,#69786E)!important;border-color:var(--border-medium,#CCCAC0)!important}.badge-folio-status.active,.badge-folio-status.is-active{background:var(--brand-green-light,#EEF7F1)!important;color:var(--brand-green,#2D7A4D)!important;border-color:var(--brand-green,#2D7A4D)!important}.receipt-perforation{border-top:2px dashed #cccac0;margin:16px 0;position:relative}.receipt-perforation:after,.receipt-perforation:before{content:"";position:absolute;top:-6px;width:12px;height:12px;background-color:var(--canvas-bg);border-radius:50%;border:1px solid var(--border-medium);box-sizing:border-box}.receipt-perforation:before{left:-20px}.receipt-perforation:after{right:-20px}.portion-list{display:flex;flex-direction:column}.portion-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.portion-row:last-child{border-bottom:none}@media (max-width:767px){.portion-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:14px 0!important}.portion-row>.stepper-control{align-self:flex-end!important;margin-top:4px!important}}.cashier-status-capsule,.lock-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:var(--cashier-capsule-height,44px)!important;min-height:var(--cashier-capsule-height,44px)!important;box-sizing:border-box!important;padding:0 14px!important;font-family:var(--font-mono,monospace)!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;border-radius:var(--cashier-capsule-border-radius,4px)!important;border-width:1.5px!important;border-style:solid!important;line-height:1!important;white-space:nowrap!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;transition:all var(--transition-fast,.15s ease)!important}.cashier-status-capsule.open,.lock-badge.open{background:var(--color-cuan-bg,#EEF7F1)!important;color:var(--color-cuan-dark,#1E5434)!important;border-color:var(--brand-primary,#2D7A4D)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)!important}.cashier-status-capsule.locked,.lock-badge.locked{background:var(--canvas-subtle,#F4F3EE)!important;color:var(--ink-secondary,#38483E)!important;border-color:var(--border-strong,#999688)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)!important}.cashier-status-capsule:before,.lock-badge:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.cashier-status-capsule.open:before,.lock-badge.open:before{background-color:var(--brand-primary,#2D7A4D);box-shadow:0 0 0 2px rgba(45,122,77,.25)}.cashier-status-capsule.locked:before,.lock-badge.locked:before{background-color:var(--ink-muted,#69786E);box-shadow:0 0 0 2px rgba(105,120,110,.25)}.rupiah-input-wrapper{display:flex;align-items:stretch;width:100%;height:var(--rupiah-input-height,44px);min-height:var(--rupiah-input-height,44px);box-sizing:border-box;background:var(--canvas-surface,#FFFFFF);border:var(--rupiah-input-border,1.5px solid var(--border-medium,#CCCAC0));border-radius:var(--radius-input,4px);overflow:hidden;transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease);position:relative}.rupiah-input-wrapper:hover:not(.is-disabled):not(.is-readonly){border-color:var(--ink-secondary,#38483E)}.rupiah-input-wrapper:focus-within{border-color:var(--brand-primary,#2D7A4D);box-shadow:var(--rupiah-input-focus-shadow,0 0 0 1px var(--brand-primary,#2D7A4D),0 2px 6px rgba(45,122,77,.12))}.rupiah-input-wrapper.has-error{border-color:var(--color-boncos,#C23A3A)!important;box-shadow:0 0 0 1px var(--color-boncos,#C23A3A),0 2px 6px rgba(194,58,58,.12)!important}.rupiah-input-wrapper.is-disabled,.rupiah-input-wrapper.is-readonly{background:var(--canvas-subtle,#F4F3EE);border-color:var(--border-subtle,#E5E4DE);cursor:not-allowed}.rupiah-input-wrapper--compact{height:var(--rupiah-input-height-compact,40px);min-height:var(--rupiah-input-height-compact,40px)}.rupiah-prefix{display:flex;align-items:center;justify-content:center;padding:0 12px;background:var(--rupiah-input-prefix-bg,#F4F3EE);color:var(--rupiah-input-prefix-ink,#38483E);font-size:13px;border-right:var(--rupiah-input-prefix-border,1.5px solid #CCCAC0);-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;letter-spacing:.02em}.rupiah-input-field,.rupiah-prefix{font-family:var(--font-mono,monospace);font-weight:700}.rupiah-input-field{flex:1 1 auto;width:100%;height:100%;min-width:0;border:none;outline:none;padding:0 14px;background:transparent;color:var(--ink-primary,#19281E);font-size:15px;font-feature-settings:"tnum" 1,"tnum";font-variant-numeric:tabular-nums;text-align:right;box-sizing:border-box}.rupiah-input-field::placeholder{color:var(--ink-subtle,#99A89E);font-weight:400}.rupiah-input-field:-moz-read-only{color:var(--ink-muted,#69786E);cursor:not-allowed}.rupiah-input-field:disabled,.rupiah-input-field:read-only{color:var(--ink-muted,#69786E);cursor:not-allowed}@media (max-width:767px){.rupiah-input-field{font-size:16px!important}}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:3px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ruled-ledger-paper{background:var(--canvas-surface,#FFFFFF);border:1px solid var(--border-subtle,#e5e4de);border-radius:var(--radius-md,4px);padding:0;overflow:hidden;box-shadow:0 1px 3px rgba(25,40,30,.04)}.ruled-ledger-header-rule{border-top:3px double var(--brand-primary,#2d7a4d);border-bottom:1px solid var(--border-subtle,#e5e4de);padding:12px 16px;background:var(--canvas-subtle,#F4F3EE);gap:8px}.ruled-ledger-header-rule,.ruled-ledger-row{display:flex;align-items:center;justify-content:space-between}.ruled-ledger-row{padding:14px 16px;border-bottom:1px solid var(--border-subtle,#ebe9e1);min-height:48px;box-sizing:border-box;transition:background .1s ease}.ruled-ledger-row:hover{background:var(--canvas-subtle,#F4F3EE)}.ruled-ledger-row:last-child{border-bottom:none}.ruled-ledger-seq{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--ink-muted);width:36px;flex-shrink:0;letter-spacing:.02em}.ruled-ledger-empty-slot{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #f0efe9;color:var(--ink-muted);font-size:12px;min-height:46px;box-sizing:border-box}.ruled-ledger-empty-watermark{font-family:var(--font-mono);font-size:11px;color:var(--ink-subtle);letter-spacing:.04em;text-transform:uppercase}.calendar-toggle-group{display:flex;border:1.5px solid var(--border-medium);border-radius:var(--radius-md,6px);overflow:hidden;background:var(--canvas-surface,#FFFFFF)}.calendar-toggle-btn{height:var(--calendar-toggle-height-desktop,36px);min-height:var(--calendar-toggle-height-desktop,36px);padding:0 14px;font-size:12px;font-weight:700;border:none;background:transparent;color:var(--ink-secondary);cursor:pointer;transition:all .15s ease}.calendar-toggle-btn.active{background:var(--brand-green-light);color:var(--brand-green)}@media (max-width:767px){#btn-zoom-month,#btn-zoom-year,.calendar-toggle-btn{min-height:44px!important;height:44px!important;font-size:13px!important;padding:0 16px!important}}.modal-physical-doc{background:#FFFFFF!important;border:1.5px solid var(--brand-navy-900,#1b3828)!important;border-radius:4px!important;box-shadow:0 20px 25px -5px rgba(25,40,30,.18),0 8px 10px -6px rgba(25,40,30,.1)!important;position:relative;overflow:hidden}.voucher-header{border-top:3px double var(--brand-primary,#2d7a4d);border-bottom:1.5px solid var(--border-medium,#e5e4de);padding:12px 16px;background:var(--canvas-subtle,#F4F3EE);display:flex;align-items:center;justify-content:space-between;gap:8px}.voucher-serial{font-family:var(--font-mono);font-size:10px;font-weight:800;color:var(--ink-muted);letter-spacing:.05em;text-transform:uppercase}.voucher-title{font-size:14px;font-weight:800;color:var(--brand-navy-900);margin:0;letter-spacing:.02em}.modal-receipt-perforation{border-top:2px dashed #cccac0;margin:16px -16px;position:relative}.modal-receipt-perforation:before{left:-8px}.modal-receipt-perforation:after,.modal-receipt-perforation:before{content:"";position:absolute;top:-8px;width:16px;height:16px;background:rgba(15,23,42,.5);border-radius:50%}.modal-receipt-perforation:after{right:-8px}.ledger-seal-stamp-box{border:2px dashed var(--brand-primary,#2d7a4d);background:var(--brand-primary-light,#EEF7F1);padding:12px;border-radius:4px;text-align:center;margin:12px 0}.ledger-seal-stamp-text{font-family:var(--font-mono);font-size:12px;font-weight:800;color:var(--brand-primary,#2D7A4D);letter-spacing:.08em;text-transform:uppercase}.preset-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}@media (max-width:640px){.preset-config-grid{grid-template-columns:1fr;gap:12px}}.preset-card-slot{background:var(--canvas-surface,#FFFFFF);border:1px solid var(--border-subtle,#e5e4de);border-radius:var(--radius-card,4px);padding:14px;display:flex;flex-direction:column;gap:10px;position:relative;box-shadow:0 1px 2px rgba(25,40,30,.04);transition:border-color .15s ease,box-shadow .15s ease}.preset-card-slot:hover{border-color:var(--border-medium,#CCCAC0);box-shadow:0 2px 4px rgba(25,40,30,.06)}.preset-slot-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px dashed var(--border-subtle,#e5e4de)}.preset-slot-seq{font-family:var(--font-mono,monospace);font-size:11px;font-weight:800;color:var(--brand-primary,#2D7A4D);letter-spacing:.05em}.preset-preview-box{margin-top:4px;padding:8px 10px;background:var(--canvas-subtle,#F4F3EE);border-radius:var(--radius-sm,3px);display:flex;align-items:center;justify-content:space-between;gap:8px}.preset-preview-label{font-size:10px;font-weight:700;color:var(--ink-muted,#69786E);text-transform:uppercase;letter-spacing:.05em}.legal-shell{width:100%;min-height:100vh;max-width:100vw;overflow-x:hidden;background-color:var(--canvas-bg,#FBFBFA);color:var(--ink-primary,#19281E);font-family:var(--font-sans);display:flex;flex-direction:column}.legal-container{width:100%;max-width:900px;margin-inline:auto;padding-inline:var(--space-5,20px);box-sizing:border-box}.legal-navbar{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;height:64px;background-color:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle,#e5e4de);z-index:1000;display:flex;align-items:center}.legal-navbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-4,16px)}.legal-brand-group{display:flex;align-items:center;gap:12px}.legal-nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer}.legal-logo-badge{width:36px;height:36px;background:var(--brand-green,#2D7A4D);border-radius:var(--radius-md,6px);display:inline-flex;align-items:center;justify-content:center}.legal-brand-name{font-size:18px;font-weight:800;color:var(--brand-navy-900,#1B3828);letter-spacing:-.02em}.legal-nav-tagline{font-size:11px;font-weight:700;color:var(--ink-muted,#69786E);background:var(--canvas-subtle,#F4F3EE);border:1px solid var(--border-subtle,#e5e4de);padding:3px 8px;border-radius:4px;letter-spacing:.05em}.legal-nav-links{display:flex;align-items:center;gap:16px}.legal-nav-link{font-size:13px;font-weight:600;color:var(--ink-secondary,#38483E);text-decoration:none;padding:6px 10px;border-radius:4px;transition:all .15s ease}.legal-nav-link:hover{color:var(--brand-primary,#2D7A4D);background:var(--canvas-subtle,#F4F3EE)}.legal-nav-link--active{color:var(--brand-primary,#2D7A4D);background:var(--brand-primary-light,#EBF5EE);font-weight:700}.legal-nav-actions{display:flex;align-items:center}.legal-btn-login{padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.legal-hero{padding-block:var(--space-8,32px) var(--space-6,24px);border-bottom:1px solid var(--border-subtle,#e5e4de);background:linear-gradient(180deg,#FFFFFF 0,var(--canvas-bg,#FBFBFA) 100%)}.legal-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-muted,#69786E);margin-bottom:16px}.legal-breadcrumb a{color:var(--brand-primary,#2D7A4D);text-decoration:none}.legal-breadcrumb a:hover{text-decoration:underline}.legal-title{font-size:28px;font-weight:800;color:var(--brand-navy-900,#1B3828);line-height:1.25;margin:0 0 10px;letter-spacing:-.02em}.legal-subtitle{font-size:14px;line-height:1.6;color:var(--ink-secondary,#38483E);margin:0 0 16px}.legal-meta-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.legal-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-sm,4px);font-size:11px;font-weight:600;line-height:1.2}.legal-badge--green{background:var(--brand-primary-light,#EBF5EE);color:var(--brand-primary,#2D7A4D);border:1px solid var(--color-cuan-border,#b7dec5)}.legal-badge--navy{background:var(--brand-navy-50,#EEF7F1);color:var(--brand-navy-900,#1B3828);border:1px solid var(--border-subtle,#e5e4de)}.legal-badge--amber{background:var(--brand-gold-100,#FDF8F0);color:#92400E;border:1px solid #fde68a}.legal-content{padding-block:var(--space-8,32px);display:flex;flex-direction:column;gap:var(--space-6,24px)}.legal-card{background:var(--canvas-surface,#FFFFFF);border:1px solid var(--border-subtle,#e5e4de);border-radius:var(--radius-card,4px);padding:24px 28px;box-shadow:var(--shadow-card,0 1px 3px rgba(25,40,30,.05));scroll-margin-top:80px}.legal-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-subtle,#e5e4de);padding-bottom:14px;margin-bottom:18px}.legal-card-title{font-size:18px;font-weight:800;color:var(--brand-navy-900,#1B3828);margin:0;display:flex;align-items:center;gap:10px}.legal-card-seq{font-family:var(--font-mono,monospace);font-size:11px;font-weight:700;color:var(--brand-primary,#2D7A4D);background:var(--brand-primary-light,#EBF5EE);padding:3px 8px;border-radius:3px;letter-spacing:.05em;flex-shrink:0}.legal-text{line-height:1.7;margin:0 0 14px}.legal-list,.legal-text{font-size:14px;color:var(--ink-secondary,#38483E)}.legal-list{margin:0 0 16px 20px;padding:0;display:flex;flex-direction:column;gap:8px;line-height:1.6}.legal-callout{border-radius:var(--radius-card,4px);padding:16px 20px;margin-block:16px}.legal-callout--google{background:#F8FAFC;border:1px solid #cbd5e1;border-left:5px solid #4285f4}.legal-callout--pdp{background:var(--brand-primary-light,#EBF5EE);border:1px solid var(--color-cuan-border,#b7dec5);border-left:5px solid var(--brand-primary,#2d7a4d)}.legal-callout--amber{background:var(--brand-gold-50,#FFFDF9);border:1px solid #fde68a;border-left:5px solid var(--brand-gold-600,#b57424)}.legal-callout-title{font-size:14px;font-weight:800;margin-bottom:8px;display:flex;align-items:center;gap:8px}.legal-toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:10px;gap:10px;margin-block:16px}.legal-toc-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--canvas-subtle,#F4F3EE);border:1px solid var(--border-subtle,#e5e4de);border-radius:var(--radius-sm,4px);font-size:13px;font-weight:600;color:var(--ink-primary,#19281E);text-decoration:none;transition:all .15s ease}.legal-toc-item:hover{border-color:var(--brand-primary,#2D7A4D);background:var(--brand-primary-light,#EBF5EE);color:var(--brand-primary,#2D7A4D)}.legal-footer{background-color:#0E1F16;color:#94A3B8;padding-block:var(--space-12,48px) var(--space-6,24px);border-top:1px solid #1b4d2e;font-size:var(--font-size-sm,13px);margin-top:auto}@media (max-width:767px){.hide-on-mobile,.legal-nav-links{display:none!important}.legal-card{padding:18px 16px}.legal-title{font-size:22px}.legal-toc-grid{grid-template-columns:1fr}}.profile-action-buttons{display:flex;gap:10px;width:100%}.profile-action-buttons .profile-btn-primary{flex:1 1}@media (max-width:640px){.profile-action-buttons{flex-direction:column!important;gap:8px!important;width:100%!important}.profile-action-buttons .btn,.profile-action-buttons .profile-btn-primary,.profile-action-buttons .profile-btn-secondary{width:100%!important;flex:none!important;text-align:center!important}}