.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%);--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}@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:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--text-dark)}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}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(#ffffffb8,#ffffffb8),url(/assets/hero-bg-C4Wgw3Kz.jpg);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}.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:#fff9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);box-shadow:0 12px 36px #503c781f,var(--neu-raised);padding:18px}.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}.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;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);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}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #ece7dc}th{color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tr:hover td{background:#faf8f3}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}}.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}}.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)}.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)}.btn-gold{background:var(--accent-soft);color:var(--accent-hover)}.btn-gold:active{box-shadow:var(--neu-pressed)}.btn-outline{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-dark);box-shadow:var(--neu-raised)}.btn-outline:hover{background:var(--surface-sunken)}.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;box-shadow:none;transform:none}input,select,textarea{padding:9px 12px;border-radius:var(--radius);border:1px solid transparent;font-size:14px;width:100%;background:var(--surface);font-family:inherit;box-shadow:var(--neu-pressed);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--neu-pressed),0 0 0 3px var(--accent-soft)}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{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{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{background:var(--accent-soft);color:var(--accent-hover)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f19238c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);padding:24px;width:420px;max-width:92vw;max-height:88vh;overflow-y:auto;box-shadow:var(--neu-raised),0 20px 60px #503c782e}.modal h2{margin-top:0}.modal-wide{width:760px;max-width:92vw}.customers-split{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}.customers-list-pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;max-height:calc(100vh - 220px);overflow-y:auto;position:sticky;top:88px}.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}.customers-detail-placeholder{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:40px 20px;text-align:center;color:var(--text-muted)}.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}}.error-text{color:var(--danger);font-size:13px;margin-top:6px}.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:#ffffff8c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);box-shadow:var(--neu-raised);display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease,max-width .25s ease;z-index:40}.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);background:var(--surface);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:800;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:var(--sidebar-hover)}.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}.menu-item:hover{background:var(--sidebar-hover);box-shadow:var(--neu-raised-sm)}.menu-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:700;box-shadow:var(--neu-pressed-sm)}.menu-item.child{padding-left:28px;font-size:13px}.sidebar-footer{background:var(--sidebar-footer-bg);border-top:1px solid var(--sidebar-border);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:var(--navy);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}.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{position:fixed;top:68px;bottom:calc(var(--bottom-nav-height, 64px) + env(safe-area-inset-bottom,0px) + 10px);left:12px;height:auto;max-width:80vw;transform:translate(-120%);z-index:60;width:260px;box-shadow:var(--shadow-lg)}.sidebar.mobile-open{transform:translate(0)}.hamburger{display:block}.mobile-topbar{display:flex}.mobile-info-row{display:block;position:sticky;top:56px;z-index:49}.desktop-topbar{display:none}.mobile-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:55}.mobile-backdrop.open~.bottom-nav{display:none}.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:flex;position:fixed;left:0;right:0;bottom:0;z-index:58;background:var(--surface);border-top:1px solid var(--border);padding:0;box-shadow:0 -2px 12px #00000014}.bottom-nav-scroll{display:flex;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 4px max(6px,env(safe-area-inset-bottom,0px))}.bottom-nav-scroll::-webkit-scrollbar{display:none}.bottom-nav-item{flex:0 0 auto;width:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;background:none;border:none;color:var(--text-muted);font-size:10px;line-height:1.2;padding:4px 2px;border-radius:10px}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{font-size:19px}.bottom-nav-label{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.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}}@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-C4Wgw3Kz.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%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);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);background:var(--accent);color:var(--surface);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:18px;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:#ffffff8c;backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);border:1px solid rgba(255,255,255,.75);border-top-color:#fffffff2;border-radius:var(--radius-lg);box-shadow:0 24px 70px #503c7833,var(--neu-raised);padding:var(--space-8) var(--space-8) var(--space-6);width:380px;max-width:90vw}.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 #d1c9b8;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);border-radius:var(--radius-lg);padding:32px;width:640px;max-width:100%;box-shadow:var(--shadow-lg)}.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;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 #eee7d8}.doc-sheet-company{font-size:17px;font-weight:700}.doc-sheet-title{font-size:26px;font-weight:700;color:var(--accent)}.doc-sheet-muted{font-size:13px;color:var(--text-muted)}.doc-sheet-label{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);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}.doc-sheet-items th{background:var(--surface-sunken, #f6f3ec);text-align:left;padding:8px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted)}.doc-sheet-items td{padding:8px 10px;border-bottom:1px solid #f0ece1}.doc-sheet-totals{margin-left:auto;width:260px;margin-top:18px;font-size:14px}.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}@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}.invoice-editor-line{display:grid;grid-template-columns:2fr 70px 110px 100px 36px;gap:8px;align-items:center;margin-bottom:8px}.invoice-line-item-picker{display:flex;flex-direction:column;gap:6px}.invoice-line-item-select{width:100%;padding:8px 32px 8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:13px;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:1fr}}@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);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;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-C4Wgw3Kz.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)}.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);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.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-alt, #F7F5F0);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:18px}.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 #999;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}}[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}
