.page-loader{display:flex;align-items:center;justify-content:center;min-height:60vh;width:100%}.page-loader .dots-loader{color:var(--accent)}.page-loader .dots-loader-dot{width:12px;height:12px}.page-loader .spinner-block{flex-direction:column;gap:20px;padding:0}.page-loader .spinner-block span:last-child{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);letter-spacing:.02em}:root{--bottom-nav-height: 64px;--cream: #F7F4EE;--surface: #FFFFFF;--surface-sunken: #FBF8F2;--border: #E4DED3;--border-strong: #D8CFBF;--text-dark: #000000;--text-muted: #6B6258;--text-faint: #A79D8E;--accent: #C15F3C;--accent-hover: #A94F30;--accent-soft: #F3E1D6;--navy: var(--text-dark);--gold: var(--accent);--success: #6B8F5E;--success-bg: #E8EEE3;--warning: #B9862E;--warning-bg: #F5E9D3;--danger: #B4453A;--danger-bg: #F5E1DE;--info: #4C6B8A;--info-bg: #E1E9F0;--sidebar-bg: #FFFFFF;--sidebar-border: #E4DED3;--sidebar-hover: #F3EEE4;--sidebar-active-bg: #F3E1D6;--sidebar-active-text: #A94F30;--sidebar-footer-bg: #FBF8F2;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-cheque: "Nova Mono", "Courier New", monospace;--font-typewriter: "Modern Mono", "Courier Prime", "Courier New", monospace;--font-numeric: "Micrenc", "Modern Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-loose: 1.7;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .03em;--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-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(43, 38, 34, .05);--shadow: 0 2px 8px rgba(43, 38, 34, .06), 0 1px 2px rgba(43, 38, 34, .04);--shadow-lg: 0 12px 32px rgba(43, 38, 34, .1), 0 2px 8px rgba(43, 38, 34, .05);--neu-light: rgba(255, 255, 255, .85);--neu-dark: rgba(43, 38, 34, .16);--neu-raised: 4px 4px 10px var(--neu-dark), -4px -4px 10px var(--neu-light);--neu-pressed: inset 3px 3px 6px var(--neu-dark), inset -3px -3px 6px var(--neu-light);--neu-raised-sm: 2px 2px 5px var(--neu-dark), -2px -2px 5px var(--neu-light);--neu-pressed-sm: inset 2px 2px 4px var(--neu-dark), inset -2px -2px 4px var(--neu-light);--neu-accent-light: color-mix(in srgb, var(--accent) 100%, white 30%);--neu-accent-dark: color-mix(in srgb, var(--accent) 100%, black 25%);--glass-tint: rgba(255, 255, 255, .1);--glass-tint-hover: rgba(255, 255, 255, .14);--glass-border: rgba(255, 255, 255, .3);--glass-highlight: rgba(255, 255, 255, .45);--glass-frost: .1;--glass-saturation: 1.2;--glass-filter: url(#glass-filter-_r_b_) saturate(var(--glass-saturation, 1.2));--glass-filter-sm: url(#liquid-glass-filter-sm) saturate(1.15);--neu-accent-raised: 3px 3px 8px var(--neu-accent-dark), -3px -3px 8px var(--neu-accent-light);--neu-accent-pressed: inset 3px 3px 6px var(--neu-accent-dark), inset -2px -2px 5px var(--neu-accent-light);--ease: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration: .2s;--duration-slow: .32s}:root[data-style=classic]{--glass-tint: var(--surface);--glass-tint-hover: var(--surface-sunken);--glass-border: var(--border);--glass-highlight: rgba(0, 0, 0, 0);--glass-filter: none;--glass-filter-sm: none;--shadow: 0 2px 8px rgba(43,38,34,.06), 0 1px 2px rgba(43,38,34,.04);--shadow-lg: 0 12px 32px rgba(43, 38, 34, .08), 0 2px 8px rgba(43, 38, 34, .04)}:root[data-theme=dark][data-style=classic]{--glass-tint: var(--surface);--glass-tint-hover: var(--surface-sunken);--glass-border: var(--border);--glass-highlight: rgba(0, 0, 0, 0);--glass-filter: none;--glass-filter-sm: none;--shadow: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .4)}@media (prefers-color-scheme: dark){:root:not([data-theme])[data-style=classic]{--glass-tint: var(--surface);--glass-tint-hover: var(--surface-sunken);--glass-border: var(--border);--glass-highlight: rgba(0, 0, 0, 0);--glass-filter: none;--glass-filter-sm: none}}:root[data-theme=dark]{--cream: #0A0B0E;--surface: #14161B;--surface-sunken: #0E1014;--border: #24272E;--border-strong: #2D323B;--text-dark: #F0F1F5;--text-muted: #8E95A2;--text-faint: #525966;--accent: #E27A52;--accent-hover: #F08C66;--accent-soft: #2A1D18;--success: #86B37B;--success-bg: #18241C;--warning: #E2A644;--warning-bg: #241F14;--danger: #E2635B;--danger-bg: #241818;--info: #6A96C2;--info-bg: #141D29;--sidebar-bg: #14161B;--sidebar-border: #24272E;--sidebar-hover: #1C1F26;--sidebar-active-bg: #2A1D18;--sidebar-active-text: #E27A52;--sidebar-footer-bg: #0E1014;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);--neu-light: rgba(255, 255, 255, .03);--neu-dark: rgba(0, 0, 0, .5);--neu-raised: 4px 4px 12px var(--neu-dark), -2px -2px 8px var(--neu-light);--neu-pressed: inset 3px 3px 6px var(--neu-dark), inset -2px -2px 5px var(--neu-light);--neu-raised-sm: 2px 2px 6px var(--neu-dark), -1px -1px 4px var(--neu-light);--neu-pressed-sm: inset 2px 2px 4px var(--neu-dark), inset -1px -1px 3px var(--neu-light);--glass-tint: rgba(255, 255, 255, .04);--glass-tint-hover: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .12);--glass-highlight: rgba(255, 255, 255, .18)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--cream: #0A0B0E;--surface: #14161B;--surface-sunken: #0E1014;--border: #24272E;--border-strong: #2D323B;--text-dark: #F0F1F5;--text-muted: #8E95A2;--text-faint: #525966;--accent: #E27A52;--accent-hover: #F08C66;--accent-soft: #2A1D18;--success: #86B37B;--success-bg: #18241C;--warning: #E2A644;--warning-bg: #241F14;--danger: #E2635B;--danger-bg: #241818;--info: #6A96C2;--info-bg: #141D29;--sidebar-bg: #14161B;--sidebar-border: #24272E;--sidebar-hover: #1C1F26;--sidebar-active-bg: #2A1D18;--sidebar-active-text: #E27A52;--sidebar-footer-bg: #0E1014;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);--neu-light: rgba(255, 255, 255, .03);--neu-dark: rgba(0, 0, 0, .5);--neu-raised: 4px 4px 12px var(--neu-dark), -2px -2px 8px var(--neu-light);--neu-pressed: inset 3px 3px 6px var(--neu-dark), inset -3px -3px 6px var(--neu-light);--neu-raised-sm: 2px 2px 6px var(--neu-dark), -1px -1px 4px var(--neu-light);--neu-pressed-sm: inset 2px 2px 4px var(--neu-dark), inset -2px -2px 4px var(--neu-light);--glass-tint: rgba(255, 255, 255, .04);--glass-tint-hover: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .12);--glass-highlight: rgba(255, 255, 255, .18)}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@font-face{font-family:Modern Mono;src:url(/assets/Modern_Mono-A4yHN_9n.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Modern Mono Numeric;src:url(/assets/Modern_Mono-A4yHN_9n.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0030-0039,U+002C,U+002E,U+002B,U+002D,U+0025,U+0024,U+00A3,U+20AC}@font-face{font-family:Micrenc;src:url(/assets/micrenc-C5nPoo28.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0030-0039,U+002C,U+002E,U+002B,U+002D,U+0025,U+0024,U+00A3,U+20AC}@font-face{font-family:Space Mono Numeric;src:url(/assets/Space%20Mono%20Bold%20for%20Powerline-BmYBdavU.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0030-0039,U+002C,U+002E,U+002B,U+002D,U+0025,U+0024,U+00A3,U+20AC}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);font-weight:500;background:linear-gradient(#ffffff1a,#ffffff0d),var(--app-bg-image, url(/bg.png));background-size:cover;background-attachment:fixed;background-position:center;color:var(--text-dark)}:root[data-style=classic] body{background:var(--cream);font-weight:400}h1,h2,h3,h4,.landing-brand-name,.login-brand-name{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app-shell{display:flex;min-height:100vh;gap:16px;padding:16px;position:relative;background:transparent}.app-shell{background:var(--app-bg-image, transparent);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}:root[data-style=classic] .app-shell{background:transparent}.app-shell:before{display:none}.app-blob{position:fixed;border-radius:50%;filter:blur(70px);z-index:0;pointer-events:none}.app-blob-1{width:500px;height:500px;top:-150px;right:-100px;background:#c15f3c24}.app-blob-2{width:440px;height:440px;bottom:-160px;left:-120px;background:#4c6b8a1f}.app-blob-3{width:360px;height:360px;top:38%;right:18%;background:#6b8f5e1a}:root[data-style=classic] .app-blob{display:none}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.page{padding:24px;flex:1}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-header h1{font-size:22px;margin:0}.card{background:var(--glass-tint)!important;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border)!important;border-radius:20px;box-shadow:inset 0 0 2px 1px #ffffff59,inset 0 0 10px 4px #ffffff26,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 6px 56px #11111a0d!important;padding:18px;transition:all .3s var(--ease);contain:layout paint style;will-change:transform}.card:hover{background:var(--glass-tint-hover)!important;transform:translateY(-2px);box-shadow:inset 0 1px 0 0 var(--glass-highlight),inset 0 0 14px 1px #ffffff1a!important}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.card{background:var(--surface)!important}}:root[data-theme=dark] .card{background:var(--surface)!important}:root[data-style=classic] .card{box-shadow:var(--shadow)!important;border-radius:var(--radius)!important;transform:none!important}:root[data-style=classic] .card:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-1px)!important}:root[data-style=classic] .login-card{box-shadow:var(--shadow-lg)!important}.home-kpi-card{border-radius:16px;padding:1.25rem;transition:all .3s var(--ease)}.home-kpi-card:hover{background:transparent!important}:root[data-theme=dark] .home-kpi-card{transition:all .3s var(--ease)}:root[data-theme=dark] .home-kpi-card:hover{background:transparent!important}.glass-panel{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:20px;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff59!important}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.dashboard-carousel{margin-bottom:8px}.carousel-section-label{padding:4px 2px 10px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted)}.metric-carousel-wrap{position:relative}.metric-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 6px;margin:0 -2px}.metric-carousel::-webkit-scrollbar{display:none}.metric-card{flex:0 0 82%;scroll-snap-align:center;border-radius:18px;padding:20px 18px;color:#fff;position:relative;overflow:hidden;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.metric-card.tone-blue{background:linear-gradient(135deg,#4f7cff,#2f4fd6)}.metric-card.tone-green{background:linear-gradient(135deg,#34c07a,#1c8f57)}.metric-card.tone-orange{background:linear-gradient(135deg,#ff9f4f,#e0722f)}.metric-card.tone-red{background:linear-gradient(135deg,#ff6b6b,#d63a3a)}.metric-card.tone-navy{background:linear-gradient(135deg,#2c3555,#171d33)}.metric-card.tone-purple{background:linear-gradient(135deg,#8a63ff,#5b34d6)}.metric-card:after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:#ffffff14}.metric-badge{align-self:flex-start;background:#ffffff2e;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;position:relative;z-index:1}.metric-label{font-size:13px;opacity:.85;margin-top:12px;position:relative;z-index:1}.metric-value{font-size:26px;font-weight:800;margin-top:4px;line-height:1.15;word-break:break-word;position:relative;z-index:1}.metric-sub{font-size:11.5px;opacity:.75;margin-top:6px;position:relative;z-index:1}.carousel-dots{display:flex;justify-content:center;gap:6px;padding:8px 0 2px}.carousel-dot{width:6px;height:6px;border-radius:50%;background:var(--border);transition:all .2s ease}.carousel-dot.active{width:18px;border-radius:4px;background:var(--accent)}.carousel-arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:#fff;box-shadow:0 4px 12px #141e321f;align-items:center;justify-content:center;cursor:pointer;font-size:15px;color:var(--text-dark);z-index:5}.carousel-arrow.prev{left:2px}.carousel-arrow.next{right:2px}@media (hover: hover) and (pointer: fine){.carousel-arrow{display:flex}}.dashboard-grid-desktop{display:none}.metric-card .label{font-size:13px;color:var(--text-muted);margin-bottom:6px}.metric-card .value{font-size:24px;font-weight:700;color:#000}.page-dashboard-home .metric-card .value{font-family:"Space Mono Numeric",var(--font-numeric);font-variant-numeric:tabular-nums}.pl-table{width:100%;border-collapse:collapse;border:none!important;background:transparent}.pl-table th{border:none!important;border-bottom:1px solid var(--border-strong)!important;padding:12px 14px;text-align:left;font-weight:600;color:var(--text-muted);background:transparent;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.pl-table td{border:none!important;padding:12px 14px;background:transparent;color:var(--text-dark)}.pl-table tr:hover td{background-color:#00000005}@media (prefers-color-scheme: dark){:root:not([data-theme]) .pl-table tr:hover td{background-color:#ffffff05}}:root[data-theme=dark] .pl-table tr:hover td{background-color:#ffffff05}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;background:#ffffff1a}tr:hover td{background:#ffffff1a}td,.stat-value,input[type=number],.font-typewriter{font-family:var(--font-typewriter);font-variant-numeric:tabular-nums}.cheque-number{font-family:var(--font-cheque);letter-spacing:.12em;font-variant-numeric:tabular-nums}.doc-numerals{font-family:"Modern Mono Numeric",var(--font-numeric);font-variant-numeric:tabular-nums}.doc-number{font-family:var(--font-numeric);letter-spacing:.08em;font-variant-numeric:tabular-nums}.dots-loader{display:inline-flex;align-items:center;gap:5px}.dots-loader-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:dots-loader-bounce 1.1s ease-in-out infinite}.dots-loader-dot:nth-child(1){animation-delay:0s}.dots-loader-dot:nth-child(2){animation-delay:.15s}.dots-loader-dot:nth-child(3){animation-delay:.3s}@keyframes dots-loader-bounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-5px);opacity:1}}@keyframes pulse{0%{transform:scale(.95);opacity:.9}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.9}}@keyframes accordion-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.spinner-block{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px 0;color:var(--text-muted);font-size:var(--text-sm)}.spinner-block .dots-loader{color:var(--accent)}.spinner-block .dots-loader-dot{width:9px;height:9px}@media (prefers-reduced-motion: reduce){.dots-loader-dot{animation:none}}.typing-container{position:absolute;left:38px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:14px;color:var(--text-muted);display:flex;align-items:center;white-space:nowrap}.typing-text{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--accent);width:0;animation:typing-reveal 4s steps(30,end) infinite,typing-cursor .75s step-end infinite}@keyframes typing-reveal{0%,10%{width:0}50%,80%{width:100%}90%,to{width:0}}@keyframes typing-cursor{0%,to{border-color:transparent}50%{border-color:var(--accent)}}.search-bar-wrap{position:relative;max-width:400px;flex:1 1 240px;transition:all .3s var(--ease)}.search-bar-wrap:focus-within{max-width:440px}.search-bar-input{width:100%;height:42px;padding:8px 12px 8px 40px;border-radius:20px;background:var(--glass-tint)!important;border:1px solid var(--glass-border)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark)!important;font-weight:500;transition:all .3s var(--ease)}.search-bar-input:focus{background:var(--glass-tint-hover)!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.search-bar-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.5;z-index:2}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:var(--radius-sm);border:none;font-size:13px;font-weight:600;cursor:pointer;background:var(--surface);color:var(--text-dark);box-shadow:var(--neu-raised);transition:box-shadow var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.btn:active{box-shadow:var(--neu-pressed);transform:translateY(1px)}:root[data-style=classic] .btn{box-shadow:var(--shadow-sm);border:1px solid var(--border-strong)}:root[data-style=classic] .btn:active{box-shadow:none;transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--surface);box-shadow:var(--neu-accent-raised)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{box-shadow:var(--neu-accent-pressed)}:root[data-style=classic] .btn-primary{box-shadow:var(--shadow);border:none}.btn-gold{background:var(--accent-soft);color:var(--accent-hover)}.btn-gold:active{box-shadow:var(--neu-pressed)}.btn-outline{background:#ffffff2e;border:1px solid rgba(255,255,255,.4);color:var(--text-dark);box-shadow:inset 0 1px #ffffffa6,0 2px 8px #503c280d}.btn-outline:hover{background:#ffffff47}.btn-outline:active{box-shadow:var(--neu-pressed)}.btn-danger{background:var(--danger);color:#fff;box-shadow:3px 3px 8px #b4453a59,-3px -3px 8px #ffffff80}.btn-danger:active{box-shadow:inset 3px 3px 6px #2b262240,inset -2px -2px 5px #fff6}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}input,select,textarea{padding:9px 12px;border-radius:var(--radius);border:1px solid var(--glass-border)!important;font-size:14px;width:100%;background:var(--glass-tint)!important;-webkit-backdrop-filter:var(--glass-filter-sm);backdrop-filter:var(--glass-filter-sm);color:var(--text-dark);font-family:inherit;box-shadow:inset 0 1px 0 0 var(--glass-highlight)!important;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),background var(--duration) var(--ease)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;background:var(--glass-tint-hover)!important;box-shadow:0 0 0 3px var(--accent-soft),inset 0 1px 0 0 var(--glass-highlight)!important}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:34px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 1L5.5 5.5L10 1' stroke='%236B6258' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:11px 7px}select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 1L5.5 5.5L10 1' stroke='%23C15F3C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}select:disabled{cursor:not-allowed;opacity:.6}select option{background:var(--surface);color:var(--text-dark)}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:38px;height:22px;flex-shrink:0;padding:0;margin:0;border-radius:var(--radius-full);background:var(--surface-sunken);box-shadow:var(--neu-pressed-sm);position:relative;cursor:pointer;transition:background var(--duration) var(--ease)}input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:var(--neu-raised-sm);transition:transform var(--duration) var(--ease)}input[type=checkbox]:checked{background:var(--accent)}input[type=checkbox]:checked:before{transform:translate(16px)}input[type=checkbox]:focus-visible{box-shadow:var(--neu-pressed-sm),0 0 0 3px var(--accent-soft)}label{font-size:13px;color:var(--text-muted);margin-bottom:4px;display:block}.form-row{margin-bottom:14px}.password-input{position:relative}.password-input input{padding-right:42px}.password-input-toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-full);font-size:15px;line-height:1;cursor:pointer;color:var(--text-muted);transition:color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.password-input-toggle:hover{color:var(--accent);background:var(--sidebar-hover)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize;box-shadow:var(--neu-raised-sm)}.badge-paid,.badge-accepted,.badge-cash,.badge-active,.badge-received{background:var(--success-bg);color:var(--success)}.badge-partial,.badge-expired,.badge-mobile_money{background:var(--warning-bg);color:var(--warning)}.badge-unpaid,.badge-rejected,.badge-credit,.badge-inactive,.badge-cancelled{background:var(--danger-bg);color:var(--danger)}.badge-sent,.badge-manager{background:var(--info-bg);color:var(--info)}.badge-draft,.badge-employee{background:var(--surface-sunken);color:var(--text-muted)}.badge-admin,.badge-approved{background:var(--accent-soft);color:var(--accent-hover)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1973;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#ffffffbf!important;backdrop-filter:blur(30px) saturate(2);-webkit-backdrop-filter:blur(30px) saturate(2);border:1px solid rgba(255,255,255,.5);border-radius:32px;padding:32px;width:640px;max-width:96vw;max-height:92vh;overflow-y:auto;box-shadow:0 30px 80px #00000040,inset 0 1px #ffffffe6;position:relative}:root[data-theme=dark] .modal{background:#14161ed9!important;border-color:#ffffff26;box-shadow:0 40px 100px #0009;inset:0 1px 0 0 rgba(255,255,255,.05)}:root[data-style=classic] .modal{background:var(--surface)!important;border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:none;backdrop-filter:none}.modal h2{margin-top:0;margin-bottom:12px;font-size:24px}.modal-wide{width:960px;max-width:98vw}.customers-split{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}.customers-list-pane{background:var(--glass-tint)!important;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 0 var(--glass-highlight),inset 0 0 16px 1px #ffffff14!important;padding:14px;max-height:calc(100vh - 220px);overflow-y:auto;position:sticky;top:88px;contain:layout paint style;will-change:transform}.customers-list{list-style:none;margin:0;padding:0}.customers-list-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:none;border-radius:var(--radius-sm);padding:10px 12px;text-align:left;cursor:pointer;margin-bottom:2px}.customers-list-item:hover{background:var(--surface-sunken)}.customers-list-item.active{background:var(--accent-soft)}.customers-list-name{font-weight:600;font-size:14px}.customers-list-sub{font-size:12px;color:var(--text-muted)}.customers-list-empty{padding:20px 10px;text-align:center;color:var(--text-muted);font-size:13px}.customers-detail-pane{min-width:0;background:var(--glass-tint)!important;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 0 var(--glass-highlight),inset 0 0 16px 1px #ffffff14!important;padding:20px;contain:layout paint style;will-change:transform}.customers-detail-placeholder{background:var(--glass-tint)!important;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px dashed var(--glass-border)!important;border-radius:var(--radius-lg);padding:40px 20px;text-align:center;color:var(--text-muted);contain:layout paint style;will-change:transform}.customer-detail-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.customer-detail-header h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-back-btn{display:none}@media (max-width: 768px){.customers-split{grid-template-columns:1fr}.customers-list-pane{position:static;max-height:none}.customers-split.has-selection .customers-list-pane{display:none}.customer-back-btn{display:inline-flex}}.hide-on-mobile{display:flex}@media (max-width: 768px){.hide-on-mobile{display:none!important}}.show-on-mobile{display:none}@media (max-width: 768px){.show-on-mobile{display:flex!important}}.hover-bg:hover{background:var(--surface-sunken)}.success-text{color:var(--success);font-size:13px;margin-top:6px}.sidebar{width:260px;flex-shrink:0;position:sticky;top:16px;height:calc(100vh - 32px);align-self:flex-start;background:var(--glass-tint)!important;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border)!important;border-radius:20px;box-shadow:inset 0 1px 0 0 var(--glass-highlight),inset 0 0 16px 1px #ffffff14!important;display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease,max-width .25s ease;z-index:40;contain:layout paint style;will-change:transform}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.sidebar{background:var(--surface)!important}}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 16px 14px}.menu-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;font-size:17px;line-height:1}.menu-icon-gif{display:none}.menu-icon-emoji{display:inline}.sidebar .links_name{opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease,width .2s ease}.sidebar-footer{padding:12px 16px}@media (min-width: 769px){.dashboard-carousel{display:none}.dashboard-grid-desktop{display:grid}.menu-icon-gif{display:block;width:22px;height:22px;object-fit:contain;border-radius:4px}.menu-icon-emoji{display:none}.sidebar{width:68px;min-width:68px;max-width:68px}.sidebar:hover{width:240px;max-width:240px}.sidebar-brand{padding:20px 0 14px;justify-content:center;transition:padding .2s ease,justify-content .2s ease}.sidebar:hover .sidebar-brand{padding:20px 16px 14px;justify-content:flex-start}.sidebar .menu-item,.sidebar .group-header{justify-content:center}.sidebar:hover .menu-item,.sidebar:hover .group-header{justify-content:flex-start}.sidebar .links_name{opacity:0;width:0;overflow:hidden;pointer-events:none}.sidebar:hover .links_name{opacity:1;width:auto;pointer-events:auto}.sidebar-footer{justify-content:center;padding:12px 8px}.sidebar:hover .sidebar-footer{justify-content:flex-start;padding:12px 16px}.sidebar:not(:hover) .group-children{max-height:0!important}}.sidebar:not(:hover) .group-children{max-height:0!important}.brand-logo{width:34px;height:34px;border-radius:var(--radius);display:block;box-shadow:var(--neu-raised-sm)}.brand-text{font-weight:700;font-size:15px}.sidebar-nav{flex:1;overflow-y:auto;padding:6px 8px;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.group-header{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-dark)}.group-header:hover{background:#ffffff1a}.chevron{transition:transform .2s ease;color:var(--text-muted)}.chevron.open{transform:rotate(90deg)}.group-children{overflow:hidden;max-height:0;transition:max-height .25s ease}.group-children.open{max-height:400px}.menu-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;color:var(--text-dark);margin:2px 0;text-shadow:0 1px 3px rgba(255,255,255,.6)}.menu-item:hover{background:#ffffff1f;box-shadow:none}.menu-item.active{background:#c15f3c26;color:var(--accent);font-weight:700;box-shadow:none}.menu-item.child{padding-left:28px;font-size:13px}.sidebar-footer{background:transparent!important;border-top:none!important;padding:12px 16px;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;box-shadow:var(--neu-raised-sm)}.mobile-topbar{display:none;align-items:center;gap:12px;background:#0f192d8c;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;padding:0 14px;height:56px;position:sticky;top:0;z-index:50}.mobile-topbar .hamburger,.mobile-topbar .brand-logo{flex-shrink:0}.mobile-topbar-title{flex:1;min-width:0;font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar .clock-bar{flex-shrink:0}.desktop-topbar{display:flex;justify-content:flex-end;align-items:center;padding:10px 24px 0;min-height:48px;background:transparent}.hamburger{display:none;background:transparent;border:none;color:#fff;font-size:20px;width:32px;height:32px}.mobile-backdrop{display:none}.mobile-info-row{display:none;background:var(--navy);padding:6px 10px 10px}.bottom-nav{display:none}@media (max-width: 768px){.sidebar,.sidebar.mobile-open{display:none!important}.hamburger{display:block;color:#fff;margin-right:8px}.mobile-topbar{display:flex;background:#0a0a1ecc!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:64px;padding:0 16px}.mobile-info-row{display:block;position:sticky;top:64px;z-index:49;background:var(--navy);padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.desktop-topbar{display:none}.mobile-topbar-title{font-size:16px;font-weight:700}.mobile-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:55}.app-shell{flex-direction:column;padding:0;gap:0}.main-content{padding-bottom:calc(var(--bottom-nav-height, 64px) + env(safe-area-inset-bottom,0px))}.bottom-nav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:58;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(10,12,20,.001) 0%,transparent 100%);pointer-events:none}.bottom-nav-rail-outer{position:relative;pointer-events:none}.bottom-nav-rail-outer:before,.bottom-nav-rail-outer:after{content:"";position:absolute;top:0;bottom:0;width:22px;pointer-events:none;z-index:2}.bottom-nav-rail-outer:before{left:0;background:linear-gradient(to right,rgba(15,22,30,.92),transparent);border-radius:999px 0 0 999px}.bottom-nav-rail-outer:after{right:0;background:linear-gradient(to left,rgba(15,22,30,.92),transparent);border-radius:0 999px 999px 0}.bottom-nav-scroll{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#0f161eeb;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px;box-shadow:0 8px 28px #00000059;pointer-events:auto}.bottom-nav-scroll::-webkit-scrollbar{display:none}.bottom-nav-item{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:row;align-items:center;gap:.6rem;width:52px;height:52px;overflow:hidden;border-radius:999px;background:transparent;border:none;padding:0 14px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:#ffffffa6;font-family:var(--font-body);transition:width .45s cubic-bezier(.22,1,.36,1),background .3s ease,box-shadow .3s ease}.bottom-nav-item.is-open{width:160px;background:#ffffff1f;box-shadow:0 0 28px #00e5ff38;color:#fff}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active.is-open{box-shadow:0 0 28px rgba(var(--accent-rgb, 166, 100, 50),.35)}.bottom-nav-icon{flex:0 0 20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.bottom-nav-label{opacity:0;max-width:0;white-space:nowrap;font-size:13px;font-weight:600;transform:translate(-8px);transition:opacity .25s ease,max-width .45s ease,transform .35s ease;overflow:hidden}.bottom-nav-item.is-open .bottom-nav-label{opacity:1;max-width:100px;transform:translate(0)}.mobile-backdrop.open~.main-content .bottom-nav{display:none}.message-alert-segment{transform:scale(.85)}.clock-bar{background:transparent!important;box-shadow:none!important;padding:0!important}.clock-bar:before,.clock-bar:after{display:none}.clock-time{font-size:16px;color:#fff;text-shadow:none}.clock-date{font-size:9px;color:#ffffffb3}.page-header{margin-bottom:16px}.page-header h1{font-size:20px}.btn{padding:12px 20px;border-radius:12px}input,select,textarea{height:48px;font-size:16px!important}.menu-item,.group-header{min-height:44px;display:flex;align-items:center}button,.btn,input[type=checkbox],input[type=radio]{min-height:40px}input,select,textarea{font-size:16px}.page{padding:14px 14px calc(78px + env(safe-area-inset-bottom,0px))}.page-header h1{font-size:19px}.card{padding:14px;border-radius:14px}.card-grid{gap:10px}.modal-overlay{align-items:flex-end}.modal{width:100%;max-width:100%;max-height:85vh;border-radius:20px 20px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));animation:sheet-up .22s var(--ease, ease-out)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.responsive-table table,.responsive-table thead,.responsive-table tbody,.responsive-table th,.responsive-table td,.responsive-table tr{display:block}.responsive-table thead{display:none}.responsive-table tr{padding:12px 14px;border-bottom:8px solid var(--cream)}.responsive-table tr:last-child{border-bottom:none}.responsive-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border-bottom:none;text-align:right}.responsive-table td:before{content:attr(data-label);color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;text-align:left;flex-shrink:0}.responsive-table td:empty,.responsive-table td[data-label=""]{display:none}.pos-mobile-cart-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;position:fixed;left:12px;right:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:57;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-full);padding:12px 18px;font-size:13px;font-weight:600;box-shadow:0 8px 24px #00000040}}@media (min-width: 769px) and (max-width: 1100px){.sidebar{width:68px;min-width:68px;max-width:68px}.sidebar:hover{width:190px;max-width:190px}.brand-text{font-size:14px}.menu-item,.group-header{font-size:12.5px}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);position:relative;overflow:hidden;background:linear-gradient(#ffffff73,#ffffff73),url(/assets/hero-bg-DQ8BufPF.jpg);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}.login-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.login-orb-glass{background:radial-gradient(circle at 32% 28%,#ffffffe6,#ffffff26 45%,#ffffff59 70%);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #503c7826,inset 0 1px 1px #fffc}.login-orb-shadow{background:radial-gradient(circle,#1e191480,#1e191400 70%);filter:blur(18px)}.login-orb-1{width:150px;height:150px;top:8%;left:7%}.login-orb-2{width:190px;height:190px;bottom:10%;right:8%}.login-orb-3{width:130px;height:130px;top:14%;right:12%}.login-orb-4{width:110px;height:110px;bottom:16%;left:11%}@media (max-width: 720px){.login-orb{display:none}}.login-screen>*{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-8)}.login-brand-mark{width:36px;height:36px;border-radius:var(--radius-sm);display:block;flex-shrink:0;box-shadow:var(--neu-accent-raised)}.login-brand-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--text-dark)}.login-card{background:var(--glass-tint)!important;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border)!important;border-radius:24px;box-shadow:inset 0 0 2px 1px #ffffff59,inset 0 0 10px 4px #ffffff26,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 6px 56px #11111a0d!important;padding:var(--space-8) var(--space-8) var(--space-6);width:380px;max-width:90vw;contain:layout paint style;will-change:transform}.login-card h1{font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);text-align:center;margin:0 0 var(--space-2);color:var(--text-dark)}.login-card .sub{text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-8)}.login-tagline{text-align:center;font-size:var(--text-xs);color:var(--text-faint);margin-top:var(--space-8)}.clock-bar{position:relative;display:flex;align-items:stretch;width:min(560px,100%);padding:7px 16px 6px;border-radius:9px;background:linear-gradient(155deg,#4a423a,#26211c 55%,#1c1815);box-shadow:inset 0 1px #ffffff24,inset 0 -2px 3px #0000008c,0 1px #ffffff4d,0 3px 6px #2b262247,0 1px 2px #2b262233}.clock-bar:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:6px;background:linear-gradient(180deg,#191512,#221d19);box-shadow:inset 0 2px 4px #000000a6,inset 0 -1px #ffffff0d;z-index:0}.clock-bar:after{content:"";position:absolute;top:3px;left:3px;right:3px;height:40%;border-radius:6px 6px 40% 40%/6px 6px 100% 100%;background:linear-gradient(180deg,#ffffff14,#fff0);z-index:0;pointer-events:none}.clock-bar-wide{width:min(900px,100%)}.reminders-segment,.clock-segment,.clock-divider,.account-segment{position:relative;z-index:1}.reminders-segment{flex:1;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding-right:12px}.reminders-segment::-webkit-scrollbar{display:none}.reminders-placeholder{font-family:var(--font-typewriter);font-size:10.5px;letter-spacing:.04em;color:#8a7a6c;opacity:.7;white-space:nowrap}.reminder-chip{font-family:var(--font-typewriter);font-size:10.5px;letter-spacing:.02em;color:#ffcbb0;background:#ff8f5c1f;border:1px solid rgba(255,143,92,.25);border-radius:5px;padding:2px 8px;white-space:nowrap;flex-shrink:0}.account-segment{display:flex;flex-direction:column;justify-content:center;gap:1px;flex-shrink:0;white-space:nowrap}.account-name{font-family:var(--font-typewriter);font-size:15px;font-weight:700;letter-spacing:.02em;color:#ffb28f;text-shadow:0 0 4px rgba(255,143,92,.5)}.account-rank{font-family:var(--font-typewriter);font-size:10px;letter-spacing:.03em;color:#d8b9a8;opacity:.85}.reminder-chip{display:inline-flex;align-items:center;gap:6px}.reminder-chip-dismiss{background:none;border:none;color:inherit;opacity:.6;font-size:9px;cursor:pointer;padding:0;line-height:1}.reminder-chip-dismiss:hover{opacity:1}.reminder-add-btn{font-family:var(--font-typewriter);font-size:10.5px;letter-spacing:.02em;color:#d8b9a8;background:transparent;border:1px dashed rgba(216,185,168,.35);border-radius:5px;padding:2px 8px;white-space:nowrap;flex-shrink:0;cursor:pointer}.reminder-add-btn:hover{color:#ffb28f;border-color:#ff8f5c66}.reminder-input{font-family:var(--font-typewriter);font-size:10.5px;letter-spacing:.02em;color:#ffcbb0;background:#ff8f5c14;border:1px solid rgba(255,143,92,.3);border-radius:5px;padding:2px 8px;min-width:180px;flex-shrink:0}.reminder-input:focus{outline:none;border-color:#ff8f5c99}.clock-divider{width:1px;align-self:stretch;margin:1px 14px;background:linear-gradient(180deg,#fff0,#ffffff29 50%,#fff0);flex-shrink:0}.clock-segment{text-align:right;line-height:1.3;flex-shrink:0}.clock-time{font-family:var(--font-typewriter);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#ffb28f;text-shadow:0 0 5px rgba(255,143,92,.75),0 0 12px rgba(255,108,60,.35)}.clock-date{font-family:var(--font-typewriter);font-size:10.5px;letter-spacing:.04em;color:#d8b9a8;opacity:.75}.mobile-topbar .clock-bar{width:auto;padding:5px 12px 4px}.mobile-topbar .reminders-segment,.mobile-topbar .clock-divider,.mobile-topbar .account-segment{display:none}.mobile-topbar .clock-time{font-size:15px}.mobile-topbar .clock-date{font-size:8.5px}.form-row select{width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius);font-size:14px;font-family:inherit;background:#fff}.wizard-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy);padding:24px}.wizard-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg);padding:32px;width:640px;max-width:100%;box-shadow:var(--shadow-lg),inset 0 1px #ffffff59!important}.wizard-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 26px}.wizard-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--surface);color:var(--text-muted);flex-shrink:0;box-shadow:var(--neu-raised-sm);transition:background var(--duration) var(--ease),box-shadow var(--duration) var(--ease),color var(--duration) var(--ease)}.wizard-dot.active{background:var(--accent);color:#fff;box-shadow:var(--neu-accent-raised)}.wizard-dot.done{background:var(--success);color:#fff;box-shadow:var(--neu-raised-sm)}.wizard-dot-line{width:22px;height:2px;background:var(--border);flex-shrink:0}.wizard-step-label{text-align:center;font-size:13px;color:var(--text-muted);margin-bottom:20px}.wizard-optional-tag{display:inline-block;font-size:11px;font-weight:700;color:var(--warning);background:var(--warning-bg);padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:middle}.wizard-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 16px}.wizard-mini-list{display:flex;flex-direction:column;gap:10px;margin:14px 0}.wizard-mini-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;box-shadow:var(--neu-raised-sm)}.wizard-mini-item .grow{flex:1}.wizard-actions{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:10px}.doc-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f192373;z-index:120;display:flex;justify-content:flex-end}.doc-preview-panel{background:var(--surface-sunken, #f6f3ec);width:720px;max-width:96vw;height:100%;display:flex;flex-direction:column;box-shadow:-8px 0 24px #00000026;animation:doc-preview-slide-in .18s ease-out}@keyframes doc-preview-slide-in{0%{transform:translate(24px);opacity:.6}to{transform:translate(0);opacity:1}}.doc-preview-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 0}.doc-preview-toolbar{display:flex;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border)}.doc-preview-email-row{display:flex;gap:8px;padding:0 20px 14px}.doc-preview-body{flex:1;overflow-y:auto;padding:20px}.doc-sheet{background:#fff;color:#000;border-radius:var(--radius);box-shadow:var(--shadow);padding:32px;max-width:720px;margin:0 auto}.doc-sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:1px solid #e0ddd4}.doc-sheet-company{font-size:17px;font-weight:700;color:#000}.doc-sheet-title{font-size:26px;font-weight:700;color:#000}.doc-sheet-muted{font-size:13px;color:#4b5563}.doc-sheet-label{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#4b5563;margin-bottom:4px}.doc-sheet-meta{display:flex;justify-content:space-between;gap:16px;padding:20px 0}.doc-sheet-items{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px;color:#000}.doc-sheet-items th{background:#f6f3ec;text-align:left;padding:8px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:#4b5563}.doc-sheet-items td{padding:8px 10px;border-bottom:1px solid #e0ddd4;color:#000}.doc-sheet-totals{margin-left:auto;width:260px;margin-top:18px;font-size:14px;color:#000}.doc-sheet-totals>div{display:flex;justify-content:space-between;padding:4px 0}.doc-sheet-total-row{border-top:1px solid #e0ddd4;margin-top:6px;padding-top:8px!important;font-weight:700;font-size:16px;color:#000}.doc-sheet-item-profit{font-size:11px;color:#15803d;white-space:nowrap}.doc-sheet-item-profit.negative{color:#b91c1c}@media (max-width: 768px){.doc-preview-panel{width:100%}.doc-sheet{padding:20px}.doc-sheet-head{flex-direction:column}.doc-sheet-meta{flex-direction:column;gap:10px}.doc-sheet-totals{width:100%;margin-left:0}}.invoice-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--cream);z-index:130;display:flex;flex-direction:column}.invoice-editor{display:flex;flex-direction:column;height:100%}.invoice-editor-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;background:var(--surface);box-shadow:var(--shadow-sm);flex-shrink:0}.invoice-editor-body{flex:1;display:flex;overflow:hidden}.invoice-editor-form{flex:1 1 55%;max-width:640px;overflow-y:auto;padding:24px}.invoice-editor-section-label{margin-top:18px;margin-bottom:8px;font-weight:600}.reconcile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}.reconcile-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.reconcile-party-name{font-size:18px;font-weight:700;color:var(--text-dark)}.reconcile-party-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.reconcile-status-badge{font-size:12px;padding:6px 14px;border-radius:20px;font-weight:700}.reconcile-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 20px;background:var(--surface-sunken);border-radius:10px;border:1px solid var(--border)}.reconcile-summary-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.reconcile-summary-val{font-size:18px;font-weight:700;color:var(--text-dark)}.reconcile-val-net{color:var(--success)}.reconcile-val-net.we-owe{color:var(--danger)}.reconcile-offset-row{margin-top:16px;padding-top:14px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.reconcile-offset-title{font-size:13px;font-weight:700;color:var(--text-dark)}.reconcile-offset-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.reconcile-section-title{font-size:16px;font-weight:700;margin:0 0 12px;color:var(--text-dark)}.invoice-editor-line{display:grid;grid-template-columns:40px minmax(0,1.2fr) 68px 90px 36px;grid-template-areas:"handle picker qty price remove" ".      profit total total total";gap:8px 8px;align-items:end;padding:12px;margin-bottom:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.invoice-editor-line .invoice-line-handle{grid-area:handle;align-self:stretch;min-height:44px}.invoice-editor-line .invoice-line-item-picker{grid-area:picker;min-width:0}.invoice-editor-line .invoice-line-qty{grid-area:qty;min-width:0}.invoice-editor-line .invoice-line-price{grid-area:price;min-width:0}.invoice-editor-line .invoice-line-total{grid-area:total;display:flex;align-items:baseline;justify-content:flex-end;gap:8px}.invoice-editor-line .invoice-line-profit{grid-area:profit;text-align:left;font-size:13px}.invoice-editor-line .invoice-line-remove{grid-area:remove;align-self:end;height:42px;padding:0;font-size:16px}.invoice-line-field{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}.invoice-line-field-label{font-size:12px;font-weight:600;color:var(--text-muted)}.invoice-line-field input{min-height:42px;font-size:14px;padding-left:6px;padding-right:6px;width:100%;box-sizing:border-box}.invoice-line-total .invoice-editor-line-total{font-size:14px;font-weight:700;color:var(--text-dark)}.invoice-line-reorder{display:flex;flex-direction:column;gap:2px}.invoice-line-reorder-btn{width:100%;padding:0;line-height:1;font-size:9px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text-muted);cursor:pointer}.invoice-line-reorder-btn:hover:not(:disabled){background:var(--surface-sunken);color:var(--text-dark)}.invoice-line-reorder-btn:disabled{opacity:.3;cursor:default}.invoice-line-handle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:0;border:1px dashed var(--border);border-radius:8px;background:var(--surface);color:var(--text-muted);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.invoice-line-handle:hover{background:var(--surface-sunken);color:var(--text-dark)}.invoice-line-handle:active{cursor:grabbing}.invoice-line-handle-grip{font-size:22px;line-height:1}.invoice-line-handle-text{display:none;font-size:12px;font-weight:600}.invoice-editor-line-dragging{background:var(--surface-sunken);outline:2px solid var(--accent);border-radius:10px}.invoice-line-item-picker{display:flex;flex-direction:column;gap:6px}.invoice-line-item-row{display:flex;flex-direction:row;gap:6px;align-items:center;width:100%;min-width:0}.invoice-line-item-row>select{flex:1 1 45%;min-width:0}.invoice-line-item-row>select:last-child{flex:1 1 100%}.invoice-line-item-row>input{flex:1 1 55%;min-width:0;min-height:42px;font-size:14px;padding-left:6px;padding-right:6px}.invoice-line-item-select{width:100%;min-height:42px;padding:10px 34px 10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:14px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.invoice-line-item-select:focus{outline:none;border-color:var(--accent, #b45309);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #b45309) 25%,transparent)}.invoice-editor-line-total{font-size:13px;color:var(--text-muted);text-align:right;white-space:nowrap}.invoice-editor-checkline{margin-top:22px;padding:16px;background:var(--surface-sunken);border-radius:var(--radius);box-shadow:var(--neu-pressed)}.invoice-editor-checkline label{font-size:13px;color:var(--text-muted);margin-bottom:4px;display:block}.invoice-editor-check-result{margin-top:12px;padding:10px 12px;border-radius:var(--radius-sm);font-weight:600;font-size:13.5px}.invoice-editor-check-result.match{background:var(--success-bg);color:var(--success)}.invoice-editor-check-result.mismatch{background:var(--danger-bg);color:var(--danger)}.invoice-editor-preview{flex:1 1 45%;min-width:380px;background:var(--surface-sunken);overflow-y:auto;padding:24px;border-left:1px solid var(--border)}.invoice-editor-preview-label{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-weight:700;margin-bottom:12px}.doc-sheet-live{max-width:100%}.invoice-editor-preview-mobile{display:none}@media (max-width: 960px){.invoice-editor-body{flex-direction:column;overflow-y:auto}.invoice-editor-form{max-width:100%;overflow-y:visible}.invoice-editor-preview{border-left:none;border-top:1px solid var(--border);min-width:0}.invoice-editor-line{grid-template-columns:84px 110px minmax(0,1fr) 44px;grid-template-areas:"handle handle handle remove" "picker picker picker picker" "qty    price  total  total" "profit profit profit profit"}.invoice-line-handle-text{display:inline}.invoice-line-reorder{flex-direction:row;width:fit-content;gap:6px}.invoice-line-reorder-btn{width:32px;height:28px;font-size:11px}}@media (max-width: 640px){.invoice-editor-preview{display:none}.invoice-editor-preview-mobile{display:block;padding:16px;background:var(--surface-sunken);border-top:1px solid var(--border)}}.mobile-summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.mobile-summary-total{text-align:right}.mobile-summary-items{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.mobile-summary-item{background:var(--surface);border-radius:var(--radius-sm);padding:10px 12px;box-shadow:var(--neu-raised-sm)}.mobile-summary-item-desc{font-weight:600;font-size:14px;margin-bottom:2px}.mobile-summary-item-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted)}.mobile-summary-item-amount{font-weight:600;color:var(--text-dark)}.mobile-summary-totals{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px dashed var(--border);font-size:14px}.mobile-summary-totals>div{display:flex;justify-content:space-between}.mobile-summary-total-row{font-weight:700;font-size:16px;padding-top:6px;border-top:1px solid var(--border)}.landing-page{min-height:100vh;background:var(--cream);color:var(--text-dark);font-family:var(--font-body)}.landing-header{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border)}.landing-header-inner{max-width:1120px;margin:0 auto;padding:var(--space-4, 16px) var(--space-6, 24px);display:flex;align-items:center;justify-content:space-between}.landing-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600}.landing-brand-mark{width:32px;height:32px;border-radius:var(--radius);display:block;box-shadow:var(--neu-accent-raised)}.landing-brand-name{font-size:var(--text-lg)}.landing-nav{display:flex;align-items:center;gap:32px;font-size:var(--text-sm);flex-wrap:wrap;row-gap:14px}.landing-nav a{color:var(--text-muted);text-decoration:none;white-space:nowrap}.landing-nav a:hover{color:var(--text-dark)}.landing-nav-login{color:var(--text-dark)!important;font-weight:600;margin-left:8px}.landing-nav .language-switcher{margin-left:16px}.landing-nav-cta{background:var(--accent);color:#fff!important;padding:8px 16px;border-radius:var(--radius);font-weight:600;box-shadow:var(--neu-accent-raised);transition:box-shadow var(--duration-fast) var(--ease)}.landing-nav-cta:hover{background:var(--accent-hover)}.landing-nav-cta:active{box-shadow:var(--neu-accent-pressed)}.landing-hero{padding:96px 24px 64px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(#fff6,#fff6),url(/assets/hero-bg-DQ8BufPF.jpg);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}.landing-hero-inner{max-width:720px;margin:0 auto}.landing-hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,var(--text-3xl));line-height:var(--leading-tight);margin:0 0 20px}.landing-hero-sub{font-size:var(--text-md);color:var(--text-muted);line-height:var(--leading-loose);margin:0 auto 32px;max-width:560px}.landing-track-switch{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px;margin-bottom:28px;box-shadow:var(--neu-pressed)}.landing-track-switch button{border:none;background:transparent;padding:10px 18px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);cursor:pointer;transition:box-shadow var(--duration) var(--ease)}.landing-track-switch button.active{background:var(--accent-soft);color:var(--accent-hover);box-shadow:var(--neu-raised-sm)}.mode-switch{display:inline-flex;background:var(--surface-sunken);border-radius:var(--radius-full);padding:4px;box-shadow:var(--neu-pressed)}.mode-switch button{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;padding:8px 16px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);cursor:pointer;transition:background var(--duration) var(--ease),box-shadow var(--duration) var(--ease),color var(--duration) var(--ease)}.mode-switch button.active{background:var(--accent);color:#fff;box-shadow:var(--neu-accent-raised)}.pos-mobile-cart-bar{display:none}.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.landing-btn-primary{background:var(--accent);color:#fff;text-decoration:none;font-weight:600;padding:12px 24px;border-radius:var(--radius);box-shadow:var(--neu-accent-raised);transition:box-shadow var(--duration-fast) var(--ease)}.landing-btn-primary:hover{background:var(--accent-hover)}.landing-btn-primary:active{box-shadow:var(--neu-accent-pressed)}.landing-btn-secondary{color:var(--text-dark);text-decoration:none;font-weight:600;padding:12px 24px}.landing-btn-secondary:hover{text-decoration:underline}.landing-app-download{display:inline-flex;align-items:center;gap:8px;margin-top:20px;background:#2b26228c;color:#fff;text-decoration:none;font-weight:600;font-size:var(--text-sm);padding:10px 18px;border-radius:var(--radius)}.landing-app-download:hover{background:#2b2622bf;color:#fff}.landing-app-download-icon{font-size:16px}.download-hero{max-width:1120px;margin:0 auto;padding:72px 24px 48px;text-align:center}.download-hero-icon{font-size:48px;margin-bottom:16px}.download-hero-sub{color:var(--text-muted);max-width:560px;margin:0 auto 28px;line-height:var(--leading-loose)}.download-btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;font-size:var(--text-base, 16px);padding:14px 28px;border-radius:var(--radius);box-shadow:var(--neu-accent-raised);transition:background var(--duration-fast) var(--ease)}.download-btn-primary:hover{background:var(--accent-hover);color:#fff}.download-btn-icon{font-size:18px}.download-meta{margin-top:14px;color:var(--text-muted);font-size:var(--text-sm)}.download-steps{display:flex;flex-direction:column;gap:20px;max-width:680px;margin:0 auto;text-align:left}.download-step{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--neu-raised)}.download-step-number{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.download-step-title{font-weight:700;margin-bottom:4px}.download-step-text{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.landing-section{max-width:1120px;margin:0 auto;padding:64px 24px;text-align:center}.landing-section h2{font-family:var(--font-display);font-size:var(--text-2xl);margin:0 0 12px}.landing-section-sub{color:var(--text-muted);max-width:560px;margin:0 auto 40px;line-height:var(--leading-loose)}.landing-section-alt{background:var(--surface-sunken);max-width:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.landing-grid-two{grid-template-columns:repeat(2,1fr);max-width:760px;margin:0 auto}.landing-grid-three{grid-template-columns:repeat(3,1fr);max-width:980px;margin:0 auto}.landing-feature-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--neu-raised)}.landing-feature-icon{font-size:28px;margin-bottom:12px}.landing-feature-title{font-weight:700;margin-bottom:6px}.landing-feature-text{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.landing-beta-notice{max-width:640px;margin:28px auto 0;background:var(--surface);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--neu-raised);text-align:left;display:flex;gap:14px;align-items:flex-start}.landing-beta-badge{flex:0 0 auto;background:var(--accent);color:#fff;font-size:var(--text-sm);font-weight:700;padding:4px 12px;border-radius:999px}.landing-beta-notice p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.landing-disclaimer{background:var(--surface-sunken);max-width:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-disclaimer-text{max-width:720px;margin:0 auto;text-align:left}.landing-disclaimer-text p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-loose);margin:0 0 16px}.landing-disclaimer-note{font-style:italic;opacity:.8}.landing-legal-link{display:inline-block;color:var(--accent);font-weight:600;text-decoration:none;margin-bottom:10px}.landing-legal-link:hover{text-decoration:underline}.legal-section{max-width:820px;text-align:left}.legal-lang-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.legal-lang-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-weight:600;font-size:var(--text-sm);padding:8px 16px;border-radius:999px;cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.legal-lang-btn:hover{background:var(--surface-sunken)}.legal-lang-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.legal-updated{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:32px}.legal-body{display:flex;flex-direction:column;gap:24px}.legal-clause h3{margin-bottom:8px}.legal-clause p{color:var(--text-muted);line-height:var(--leading-loose);font-size:var(--text-sm);margin:0 0 10px}.legal-clause ul{margin:0 0 10px;padding-left:20px;color:var(--text-muted);line-height:var(--leading-loose);font-size:var(--text-sm)}.legal-clause li{margin-bottom:6px}.legal-doc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.legal-doc-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-weight:600;font-size:var(--text-sm);padding:8px 14px;border-radius:var(--radius);cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.legal-doc-tab:hover{background:var(--surface-sunken)}.legal-doc-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.legal-draft-notice{display:inline-block;background:var(--warning-bg);color:var(--warning);font-size:var(--text-sm);font-weight:600;padding:6px 12px;border-radius:var(--radius);margin-bottom:24px}.landing-cta-band{padding-bottom:96px}.landing-about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;text-align:left;align-items:start}.landing-about-copy p{color:var(--text-muted);line-height:var(--leading-loose);margin:0 0 16px}.landing-about-stats{display:flex;gap:28px;margin-top:28px;flex-wrap:wrap}.landing-about-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--accent);font-weight:600;line-height:1;margin-bottom:6px}.landing-about-stat-label{color:var(--text-muted);font-size:var(--text-sm);max-width:160px;line-height:var(--leading-normal)}.landing-about-values{display:flex;flex-direction:column;gap:16px}.landing-about-value-card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--neu-raised)}@media (max-width: 860px){.landing-about-grid{grid-template-columns:1fr}}.landing-footer{max-width:1120px;margin:0 auto;padding:32px 24px 48px;display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:var(--text-sm)}.landing-footer-links{display:flex;gap:20px}.landing-footer-links a{color:var(--text-muted);text-decoration:none}.landing-footer-links a:hover{color:var(--text-dark)}@media (max-width: 860px){.landing-nav{gap:14px}.landing-nav a:not(.landing-nav-login):not(.landing-nav-cta){display:none}.landing-grid,.landing-grid-two,.landing-grid-three{grid-template-columns:1fr}.landing-track-switch{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%}.landing-track-switch button{padding:9px 14px;font-size:var(--text-xs)}.landing-hero-actions{flex-direction:column;align-items:stretch;width:100%;max-width:340px;margin:0 auto;gap:10px}.landing-btn-primary,.landing-btn-secondary{width:100%;text-align:center;box-sizing:border-box}.landing-btn-secondary{border:1px solid var(--border);border-radius:var(--radius)}}.row-actions{position:relative;display:inline-flex}.row-actions-trigger{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);background:var(--surface);color:var(--text-dark);font-size:18px;line-height:1;cursor:pointer;box-shadow:var(--neu-raised-sm);transition:box-shadow var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.row-actions-trigger:hover{color:var(--accent)}.row-actions-trigger:active,.row-actions-trigger[aria-expanded=true]{box-shadow:var(--neu-pressed-sm);color:var(--accent)}.row-actions-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:190px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2px}.row-actions-menu-portal{top:auto;right:auto;z-index:1000}.row-actions-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-dark);font-family:var(--font-body);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease)}.row-actions-item:hover:not(:disabled){background:var(--sidebar-hover)}.row-actions-item:disabled{color:var(--text-faint);cursor:not-allowed}.row-actions-item-danger{color:var(--danger)}.row-actions-item-danger:hover:not(:disabled){background:var(--danger-bg)}.row-actions-icon{display:inline-flex;width:18px;justify-content:center;flex-shrink:0}.language-switcher{border:1px solid var(--border);background:var(--surface);color:var(--text-dark);font-size:var(--text-sm);font-weight:600;padding:6px 10px;border-radius:8px;cursor:pointer}.debtor-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.debtor-form-grid .form-row.span-2{grid-column:1 / -1}.debtor-section-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:22px 0 10px;padding-top:14px;border-top:1px solid var(--border)}.debtor-section-label:first-of-type{margin-top:4px;padding-top:0;border-top:none}.debtor-summary-card{display:flex;justify-content:space-between;gap:16px;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px;padding:14px 18px;margin-bottom:18px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff59!important}.debtor-summary-item{text-align:left}.debtor-summary-item .label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.debtor-summary-item .value{font-size:16px;font-weight:700;color:var(--text-dark)}.debtor-summary-item .value.balance{color:var(--danger)}@media (max-width: 640px){.debtor-form-grid{grid-template-columns:1fr}.debtor-summary-card{flex-wrap:wrap}}.receipt-controls{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.receipt-controls>label{font-size:12px;font-weight:600;color:var(--text-muted)}.receipt-width-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.receipt-width-toggle button{border:none;background:var(--surface);color:var(--text-dark);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.receipt-width-toggle button.active{background:var(--accent);color:#fff}.receipt-disconnect-link{margin-inline-start:auto;background:none;border:none;color:var(--text-muted);font-size:12px;text-decoration:underline;cursor:pointer;padding:0}.receipt-hint{font-size:12px;color:var(--text-muted);background:var(--surface-alt, #F7F5F0);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:14px}.receipt-print-area{font-family:Courier New,ui-monospace,monospace;font-size:10.5px;line-height:1.4;color:#111;background:#fff;border:1px dashed var(--border);border-radius:4px;padding:14px 12px;margin:0 auto}.receipt-width-58{width:58mm;max-width:100%}.receipt-width-80{width:80mm;max-width:100%}.receipt-center{text-align:center}.receipt-bold{font-weight:700}.receipt-large{font-size:13px}.receipt-small{font-size:8.5px}.receipt-hr{border-top:1px dashed var(--border-strong);margin:6px 0}.receipt-line{margin-bottom:3px}.receipt-row{display:flex;justify-content:space-between;gap:8px}.receipt-logo{display:block;max-width:11mm;max-height:11mm;margin:0 auto 4px;object-fit:contain}.receipt-qr{width:28mm;height:28mm}@media print{body *{visibility:hidden}.receipt-print-area,.receipt-print-area *{visibility:visible}.receipt-print-area{position:absolute;top:0;left:0;border:none;padding:0;margin:0}.receipt-width-58{width:58mm}.receipt-width-80{width:80mm}@page{size:auto;margin:2mm}}@media (prefers-color-scheme: dark){:root:not([data-theme]) body{background:var(--cream);color:var(--text-dark)}:root:not([data-theme]) .card{background:linear-gradient(135deg,#ffffff0a,#ffffff03 40%,#fff0);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 32px #0006,inset 0 1px #ffffff1a}:root:not([data-theme]) .card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}:root:not([data-theme]) .app-blob-1{background:#c15f3c1a}:root:not([data-theme]) .app-blob-2{background:#4c6b8a17}:root:not([data-theme]) .app-blob-3{background:#6b8f5e14}:root:not([data-theme]) .modal-backdrop{background:#00000073}:root:not([data-theme]) .modal{background:#16192661;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 64px #00000080,inset 0 1px #ffffff1f,inset 0 -1px #0003}:root:not([data-theme]) .modal-header{border-bottom-color:#ffffff12;background:#ffffff0a}:root:not([data-theme]) .modal-footer{border-top-color:#ffffff12;background:#ffffff0a}:root:not([data-theme]) .sidebar{background:#ffffff08;border:1px solid rgba(255,255,255,.07);box-shadow:0 2px 16px #0000001f,inset 0 1px #ffffff12}:root:not([data-theme]) .sidebar-footer{background:#ffffff05;border-top-color:#ffffff0f}:root:not([data-theme]) .mobile-topbar{background:#1214208c;border-bottom-color:#ffffff12}:root:not([data-theme]) th{background:#ffffff0f;border-bottom-color:#ffffff14;color:var(--text-muted)}:root:not([data-theme]) td{border-bottom-color:#ffffff0f}:root:not([data-theme]) tr:hover td{background:#ffffff0f}:root:not([data-theme]) input,:root:not([data-theme]) textarea,:root:not([data-theme]) select{color:var(--text-dark)}:root:not([data-theme]) input::placeholder,:root:not([data-theme]) textarea::placeholder{color:var(--text-faint)}:root:not([data-theme]) input:focus,:root:not([data-theme]) textarea:focus,:root:not([data-theme]) select:focus{border-color:#d4724f80}:root:not([data-theme]) .btn-outline{background:#ffffff1a;border-color:#ffffff2e;color:var(--text-dark)}:root:not([data-theme]) .btn-outline:hover{background:#ffffff29}:root:not([data-theme]) .app-shell{background:linear-gradient(#0508122e,#0508121a),var(--app-bg-image, url(/assets/darkmood-yTMz5xPP.jpg));background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}:root:not([data-theme]) .login-screen{background:linear-gradient(#05081461,#05081447),url(/assets/darkmood-yTMz5xPP.jpg);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}:root:not([data-theme]) .landing-hero{background:linear-gradient(#05081459,#05081440),url(/assets/darkmood-yTMz5xPP.jpg);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}:root:not([data-theme]) .login-card{background:#1a1d27d1;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 64px #0000008c,inset 0 1px #ffffff0f}:root:not([data-theme]) .login-card h1{color:var(--text-dark)}:root:not([data-theme]) .login-card .sub{color:var(--text-muted)}:root:not([data-theme]) .login-orb-glass{background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}:root:not([data-theme]) .badge-paid{background:var(--success-bg);color:var(--success)}:root:not([data-theme]) .badge-unpaid{background:var(--danger-bg);color:var(--danger)}:root:not([data-theme]) .badge-partial{background:var(--warning-bg);color:var(--warning)}:root:not([data-theme]) .wizard-screen{background:var(--cream)}:root:not([data-theme]) .dropdown-menu{background:#161926b8;border-color:#ffffff17;box-shadow:0 12px 36px #0006,inset 0 1px #ffffff14}:root:not([data-theme]) .dropdown-menu button:hover{background:#ffffff12}:root:not([data-theme]) .search-bar{background:transparent;border-color:var(--border-strong)}:root:not([data-theme]) .metric-card .label{color:var(--text-muted)}:root:not([data-theme]) .metric-card .value{color:var(--text-dark)}:root:not([data-theme]) .page-header{border-bottom-color:var(--border)}:root:not([data-theme]) .recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-dark)!important}}:root[data-theme=dark] body{background:var(--cream);color:var(--text-dark)}:root[data-theme=dark] .card{background:linear-gradient(135deg,#ffffff0a,#ffffff03 40%,#fff0);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 32px #0006,inset 0 1px #ffffff1a}:root[data-theme=dark] .card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}:root[data-theme=dark] .app-blob-1{background:#c15f3c1a}:root[data-theme=dark] .app-blob-2{background:#4c6b8a17}:root[data-theme=dark] .app-blob-3{background:#6b8f5e14}:root[data-theme=dark] .modal-backdrop{background:#00000073}:root[data-theme=dark] .modal{background:#16192661;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 64px #00000080,inset 0 1px #ffffff1f,inset 0 -1px #0003}:root[data-theme=dark] .modal-header{border-bottom-color:#ffffff12;background:#ffffff0a}:root[data-theme=dark] .modal-footer{border-top-color:#ffffff12;background:#ffffff0a}:root[data-theme=dark] .sidebar{background:#ffffff08;border:1px solid rgba(255,255,255,.07);box-shadow:0 2px 16px #0000001f,inset 0 1px #ffffff12}:root[data-theme=dark] .sidebar-footer{background:#ffffff05;border-top-color:#ffffff0f}:root[data-theme=dark] .mobile-topbar{background:#1214208c;border-bottom-color:#ffffff12}:root[data-theme=dark] th{background:#ffffff0f;border-bottom-color:#ffffff14;color:var(--text-muted)}:root[data-theme=dark] td{border-bottom-color:#ffffff0f}:root[data-theme=dark] tr:hover td{background:#ffffff0f}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{color:var(--text-dark)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--text-faint)}:root[data-theme=dark] input:focus,:root[data-theme=dark] textarea:focus,:root[data-theme=dark] select:focus{border-color:#d4724f80}:root[data-theme=dark] .btn-outline{background:#ffffff1a;border-color:#ffffff2e;color:var(--text-dark)}:root[data-theme=dark] .btn-outline:hover{background:#ffffff29}:root[data-theme=dark] .app-shell{background:linear-gradient(#0508122e,#0508121a),var(--app-bg-image, url(/assets/darkmood-yTMz5xPP.jpg));background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}:root[data-theme=dark] .login-screen{background:linear-gradient(#05081461,#05081447),url(/assets/darkmood-yTMz5xPP.jpg);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}:root[data-theme=dark] .landing-hero{background:linear-gradient(#05081459,#05081440),url(/assets/darkmood-yTMz5xPP.jpg);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}:root[data-theme=dark] .login-card{background:#14161b;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 64px #000000a6,inset 0 1px #ffffff0f}:root[data-theme=dark] .login-card h1{color:var(--text-dark)}:root[data-theme=dark] .login-card .sub{color:var(--text-muted)}:root[data-theme=dark] .login-orb-glass{background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}:root[data-theme=dark] .badge-paid{background:var(--success-bg);color:var(--success)}:root[data-theme=dark] .badge-unpaid{background:var(--danger-bg);color:var(--danger)}:root[data-theme=dark] .badge-partial{background:var(--warning-bg);color:var(--warning)}:root[data-theme=dark] .wizard-screen{background:var(--cream)}:root[data-theme=dark] .dropdown-menu{background:#161926b8;border-color:#ffffff17;box-shadow:0 12px 36px #0006,inset 0 1px #ffffff14}:root[data-theme=dark] .dropdown-menu button:hover{background:#ffffff12}:root[data-theme=dark] .search-bar{background:transparent;border-color:var(--border-strong)}:root[data-theme=dark] .metric-card .label{color:var(--text-muted)}:root[data-theme=dark] .metric-card .value{color:var(--text-dark)}:root[data-theme=dark] .page-header{border-bottom-color:var(--border)}:root[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-dark)!important}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .ml-2{margin-left:0;margin-right:.5rem}[dir=rtl] .mr-2{margin-right:0;margin-left:.5rem}[dir=rtl] .ml-4{margin-left:0;margin-right:1rem}[dir=rtl] .mr-4{margin-right:0;margin-left:1rem}[dir=rtl] .pl-2{padding-left:0;padding-right:.5rem}[dir=rtl] .pr-2{padding-right:0;padding-left:.5rem}[dir=rtl] .pl-4{padding-left:0;padding-right:1rem}[dir=rtl] .pr-4{padding-right:0;padding-left:1rem}[dir=rtl] .flex-row-reverse{flex-direction:row-reverse}[dir=rtl] .icon-flip{transform:scaleX(-1)}[dir=rtl] ul,[dir=rtl] ol{padding-right:1.5rem;padding-left:0}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select,[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] .sidebar{right:0;left:auto}[dir=rtl] .main-content{margin-right:250px;margin-left:0}[dir=rtl] .modal-close{right:auto;left:1rem}
