@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap";:root{--wood-walnut: #2A1B14;--wood-walnut-deep: #1A100B;--wood-teak: #4A2E1A;--wood-teak-mid: #5C3820;--wood-teak-light: #7A4E30;--brass-warm: #8B6914;--brass-mid: #B8860B;--brass-light: #D4A843;--brass-pale: #E8C97A;--brass-highlight: #F5DFA0;--cream-ivory: #FBF7EF;--cream-paper: #F5EFE0;--cream-warm: #EDE3CC;--cream-medium: #E0D5BA;--cream-border: #C9BB9A;--text-dark: #1A0F0A;--text-body: #3D2B1F;--text-muted: #7A5C4A;--text-faint: #A8906E;--text-on-dark: #F5DFA0;--color-success: #2D6A4F;--color-error: #8B2E2E;--color-warning: #8B6914;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--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;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 2px 12px rgba(42, 27, 20, .12);--shadow-paper: 0 4px 24px rgba(42, 27, 20, .18), 0 1px 4px rgba(42, 27, 20, .1);--shadow-float: 0 8px 32px rgba(42, 27, 20, .24);--border-thin: 1px solid var(--cream-border);--border-brass: 1px solid var(--brass-light);--border-dark: 1px solid var(--wood-teak-light);--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--text-dark);background-color:var(--wood-walnut);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.app-root{height:100%;height:100dvh;overflow:hidden;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at top left,#3A2518 0%,var(--wood-walnut-deep) 60%)}.app-layout{display:flex;flex:1;min-height:0;overflow:hidden}.app-sidebar{width:220px;flex-shrink:0;background:var(--wood-walnut);border-right:var(--border-dark);display:flex;flex-direction:column;padding:var(--space-6) 0;gap:var(--space-2);overflow-y:auto}.app-main{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.app-content{flex:1;padding:var(--space-6);padding-bottom:max(calc(88px + env(safe-area-inset-bottom)),88px)}@media (min-width: 1024px){.app-content{padding-bottom:var(--space-6)}}.topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--wood-walnut);border-bottom:var(--border-dark);min-height:60px;z-index:90}.topbar-brand{font-family:var(--font-serif);font-size:20px;font-weight:600;color:var(--brass-light);letter-spacing:.04em;-webkit-user-select:none;user-select:none}.topbar-admin{font-size:13px;color:var(--text-faint);font-style:italic}.bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;min-height:56px!important;z-index:9999!important;display:flex!important;background:var(--wood-walnut)!important;border-top:var(--border-dark)!important;padding-bottom:max(var(--space-2),env(safe-area-inset-bottom))!important;box-shadow:0 -6px 24px #0000008c!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;touch-action:none}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--space-3) var(--space-2);cursor:pointer;border:none;background:none;color:var(--text-faint);font-size:11px;font-family:var(--font-sans);font-weight:500;letter-spacing:.04em;text-transform:uppercase;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.bottom-nav-item:active{opacity:.7}.bottom-nav-item.active{color:var(--brass-light)}.bottom-nav-item svg{width:22px;height:22px;stroke-width:1.5}.sidebar-brand{padding:var(--space-4) var(--space-6) var(--space-6);font-family:var(--font-serif);font-size:22px;font-weight:600;color:var(--brass-light);letter-spacing:.04em;border-bottom:var(--border-dark);margin-bottom:var(--space-4)}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);cursor:pointer;border:none;background:none;color:var(--text-faint);font-size:14px;font-family:var(--font-sans);font-weight:500;letter-spacing:.03em;width:100%;text-align:left;transition:color var(--transition-fast),background var(--transition-fast);border-radius:0}.sidebar-item:hover{color:var(--brass-pale);background:#d4a8430f}.sidebar-item.active{color:var(--brass-light);background:#d4a8431a;border-right:2px solid var(--brass-light)}.sidebar-item svg{width:18px;height:18px;stroke-width:1.5;flex-shrink:0}.sidebar-spacer{flex:1}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:var(--border-dark)}.screen-title{font-family:var(--font-serif);font-size:22px;font-weight:600;color:var(--cream-ivory);letter-spacing:.03em;margin-bottom:var(--space-6)}.receipt-workspace{display:flex;gap:var(--space-8);align-items:flex-start}.receipt-form-col{flex:1;min-width:0;max-width:480px}.receipt-preview-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;position:sticky;top:var(--space-6)}@media (max-width: 1023px){.receipt-workspace{flex-direction:column}.receipt-form-col{max-width:100%}.receipt-preview-col{position:static;width:100%}}.form-section{background:#fbf7ef0a;border:var(--border-dark);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.form-section-title{font-family:var(--font-serif);font-size:13px;font-weight:600;color:var(--brass-pale);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid rgba(212,168,67,.2)}.form-group{margin-bottom:var(--space-5)}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:12px;font-weight:500;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-2)}.form-input,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);background:#ffffff0d;border:1px solid rgba(201,187,154,.3);border-radius:var(--radius-md);color:var(--cream-ivory);font-size:15px;font-family:var(--font-sans);transition:border-color var(--transition-fast),background var(--transition-fast);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-textarea:focus{border-color:var(--brass-light);background:#ffffff12}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-faint);opacity:.6}.form-textarea{min-height:80px;resize:vertical;line-height:1.5}.phone-input-wrap{position:relative;display:flex;align-items:center}.phone-prefix{position:absolute;left:var(--space-4);color:var(--text-faint);font-size:15px;pointer-events:none}.phone-input-wrap .form-input{padding-left:calc(var(--space-4) + 18px)}.amount-input-wrap{position:relative;display:flex;align-items:center}.amount-prefix{position:absolute;left:var(--space-4);color:var(--brass-pale);font-size:16px;font-weight:500;pointer-events:none}.amount-input-wrap .form-input{padding-left:calc(var(--space-4) + 18px);font-size:17px;font-weight:500;color:var(--brass-pale)}.amount-in-words{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);background:#d4a8430f;border:1px solid rgba(212,168,67,.2);border-radius:var(--radius-md);font-size:13px;color:var(--brass-pale);font-style:italic;line-height:1.5;min-height:44px}.payment-selector{display:flex;gap:var(--space-3)}.payment-option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid rgba(201,187,154,.3);border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;color:var(--text-faint);font-size:14px;font-weight:500;font-family:var(--font-sans);letter-spacing:.04em;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.payment-option:hover{border-color:var(--brass-light);color:var(--brass-light)}.payment-option.selected{border-color:var(--brass-light);background:#d4a8431f;color:var(--brass-light);font-weight:600}.autofill-suggestion{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);padding:var(--space-3) var(--space-4);background:#2d6a4f1f;border:1px solid rgba(45,106,79,.3);border-radius:var(--radius-md);font-size:13px;color:#7ec8a4;animation:fadeIn .2s ease}.autofill-name{font-weight:500}.autofill-btn{background:none;border:1px solid rgba(126,200,164,.5);border-radius:var(--radius-sm);color:#7ec8a4;font-size:12px;font-weight:500;padding:2px 10px;cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast)}.autofill-btn:hover{background:#7ec8a426}.form-error{margin-top:var(--space-1);font-size:12px;color:#e8857a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;transition:all var(--transition-fast);outline:none;-webkit-tap-highlight-color:transparent;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brass-mid);color:var(--wood-walnut-deep);box-shadow:0 2px 8px #b8860b59}.btn-primary:not(:disabled):hover{background:var(--brass-light);box-shadow:0 4px 16px #d4a84373;transform:translateY(-1px)}.btn-primary:not(:disabled):active{transform:translateY(0)}.btn-secondary{background:#fbf7ef0f;border:var(--border-brass);color:var(--brass-light)}.btn-secondary:not(:disabled):hover{background:#d4a8431a}.btn-ghost{background:none;color:var(--text-faint);border:var(--border-dark)}.btn-ghost:not(:disabled):hover{color:var(--cream-warm);border-color:var(--text-faint)}.btn-danger{background:none;color:#e8857a;border:1px solid rgba(232,133,122,.35)}.btn-danger:not(:disabled):hover{background:#e8857a14}.btn-lg{padding:var(--space-4) var(--space-8);font-size:15px;border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:12px;border-radius:var(--radius-sm)}.btn-full{width:100%}.card{background:#fbf7ef0a;border:var(--border-dark);border-radius:var(--radius-lg);padding:var(--space-6)}.a4-paper{width:794px!important;height:1123px!important;min-width:794px!important;min-height:1123px!important;max-width:794px!important;max-height:1123px!important;box-sizing:border-box!important;background-color:#fbf7ef!important;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.a4-preview-container{width:100%;display:flex;flex-direction:column;align-items:center}.a4-viewport-outer{box-shadow:0 12px 36px #00000059;border-radius:var(--radius-sm);background:#00000026}.receipt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.receipt-brand{font-family:var(--font-serif);font-size:26px;font-weight:700;color:var(--wood-walnut);letter-spacing:.03em;line-height:1.1}.receipt-business-address{text-align:right;font-size:11px;color:var(--text-body);line-height:1.5}.receipt-meta{display:flex;justify-content:flex-end;gap:24px;margin-top:8px;font-size:11.5px;color:var(--text-body)}.receipt-meta-item{text-align:right}.receipt-meta-label{font-weight:600;color:var(--text-dark)}.receipt-divider{height:1px;background:linear-gradient(to right,transparent,var(--cream-border),transparent);margin:16px 0}.receipt-divider-double{border-top:1.5px solid var(--cream-border);border-bottom:1px solid var(--cream-warm);margin:16px 0;height:4px;background:transparent}.receipt-section-title{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.receipt-field{display:flex;flex-direction:column;margin-bottom:8px}.receipt-field-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.receipt-field-value{font-size:14px;color:var(--text-dark);font-weight:500;line-height:1.5;min-height:22px;border-bottom:1px solid var(--cream-medium);padding-bottom:4px}.receipt-field-value.placeholder{color:var(--cream-medium);font-style:italic;font-weight:400}.receipt-field-value.multiline{white-space:pre-wrap;min-height:38px}.receipt-total-section{margin-top:20px;padding:16px;background:var(--cream-warm);border:1.5px solid var(--cream-border);border-radius:2px;text-align:center}.receipt-total-label{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.receipt-total-amount{font-family:var(--font-serif);font-size:28px;font-weight:700;color:var(--wood-walnut);letter-spacing:.02em;line-height:1.2}.receipt-total-amount.placeholder{font-size:20px;color:var(--cream-border)}.receipt-total-words{margin-top:6px;font-size:12px;color:var(--text-body);font-style:italic;line-height:1.5}.receipt-footer{margin-top:20px;padding-top:12px;border-top:1px dashed var(--cream-border);text-align:center;font-size:11px;color:var(--text-muted);font-style:italic}.receipt-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.receipt-actions .btn{flex:1;min-width:140px}.success-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-6);background:#2d6a4f1a;border:1px solid rgba(45,106,79,.35);border-radius:var(--radius-lg);margin-bottom:var(--space-6);text-align:center}.success-banner-icon{font-size:28px}.success-banner-title{font-family:var(--font-serif);font-size:18px;color:#7ec8a4;font-weight:600}.success-banner-serial{font-size:15px;font-weight:600;color:var(--brass-pale);letter-spacing:.06em}.history-search{margin-bottom:var(--space-5)}.history-list{display:flex;flex-direction:column;gap:var(--space-3)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:#fbf7ef0a;border:var(--border-dark);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;gap:var(--space-4)}.history-item:hover{background:#d4a8430f;border-color:#d4a8434d}.history-item-main{flex:1;min-width:0}.history-item-serial{font-size:13px;font-weight:700;color:var(--brass-light);letter-spacing:.06em;margin-bottom:2px}.history-item-name{font-size:15px;color:var(--cream-ivory);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-meta{font-size:12px;color:var(--text-faint);margin-top:2px}.history-item-right{text-align:right;flex-shrink:0}.history-item-amount{font-size:16px;font-weight:600;color:var(--cream-ivory)}.history-item-method{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.history-empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-faint)}.history-empty-icon{font-size:40px;margin-bottom:var(--space-4)}.history-empty-text{font-size:16px;color:var(--text-muted);margin-bottom:var(--space-2)}.history-empty-sub{font-size:13px}.install-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background:radial-gradient(ellipse at top,#3A2518 0%,var(--wood-walnut-deep) 70%);text-align:center;gap:var(--space-6)}.install-logo{width:80px;height:80px;border-radius:var(--radius-lg);background:var(--wood-teak);border:2px solid var(--brass-light);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:40px;font-weight:700;color:var(--brass-light);box-shadow:0 8px 32px #0006}.install-brand{font-family:var(--font-serif);font-size:32px;font-weight:700;color:var(--brass-light);letter-spacing:.04em}.install-tagline{font-size:15px;color:var(--text-faint);font-style:italic;max-width:280px}.install-card{background:#fbf7ef0d;border:var(--border-dark);border-radius:var(--radius-lg);padding:var(--space-6);max-width:380px;width:100%;text-align:left}.install-card-title{font-family:var(--font-serif);font-size:18px;color:var(--cream-ivory);margin-bottom:var(--space-5);font-weight:500}.install-steps{display:flex;flex-direction:column;gap:var(--space-4)}.install-step{display:flex;gap:var(--space-3);align-items:flex-start}.install-step-num{width:24px;height:24px;border-radius:50%;background:var(--brass-mid);color:var(--wood-walnut-deep);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.install-step-text{font-size:14px;color:var(--text-faint);line-height:1.5;padding-top:3px}.install-step-text strong{color:var(--cream-warm)}.login-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background:radial-gradient(ellipse at top,#3A2518 0%,var(--wood-walnut-deep) 70%)}.login-card{width:100%;max-width:380px;background:#fbf7ef0a;border:var(--border-dark);border-radius:var(--radius-lg);padding:var(--space-8)}.login-brand{text-align:center;margin-bottom:var(--space-8)}.login-brand-name{font-family:var(--font-serif);font-size:28px;font-weight:700;color:var(--brass-light);display:block;margin-bottom:var(--space-1)}.login-brand-sub{font-size:13px;color:var(--text-faint);font-style:italic}.login-error{padding:var(--space-3) var(--space-4);background:#8b2e2e26;border:1px solid rgba(139,46,46,.4);border-radius:var(--radius-md);font-size:13px;color:#e8857a;margin-bottom:var(--space-5)}.settings-card{background:#fbf7ef0a;border:var(--border-dark);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid rgba(201,187,154,.1)}.settings-item:last-child{border-bottom:none}.settings-item-label{font-size:13px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;font-weight:500}.settings-item-value{font-size:14px;color:var(--cream-ivory);font-weight:500}.offline-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#8b691440;border-bottom:1px solid rgba(184,134,11,.4);font-size:13px;color:var(--brass-pale);font-weight:500}.offline-banner--syncing{background:#6366f11f;border-bottom-color:#6366f159;color:#a5b4fc}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.spinner{width:20px;height:20px;border:2px solid rgba(212,168,67,.25);border-top-color:var(--brass-light);border-radius:50%;animation:spin .75s linear infinite;display:inline-block}.loading-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);background:radial-gradient(ellipse at top,#3A2518 0%,var(--wood-walnut-deep) 70%)}.loading-logo{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--wood-teak);border:2px solid var(--brass-mid);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:32px;font-weight:700;color:var(--brass-light);box-shadow:0 8px 32px #0006}.loading-label{font-size:13px;color:var(--text-faint);font-style:italic}.generating-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a100bbf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.generating-text{font-size:15px;color:var(--brass-pale);font-style:italic}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a100bcc;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{width:100%;max-width:480px;background:var(--wood-teak);border:var(--border-dark);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-float);max-height:90dvh;overflow-y:auto}.modal-title{font-family:var(--font-serif);font-size:20px;color:var(--cream-ivory);margin-bottom:var(--space-6);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .3s ease}.text-brass{color:var(--brass-light)}.text-ivory{color:var(--cream-ivory)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-serif{font-family:var(--font-serif)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.desktop-only{display:none!important}.mobile-only{display:flex!important}@media (min-width: 1024px){.desktop-only{display:flex!important}.mobile-only{display:none!important}}@media print{@page{size:A4 portrait;margin:0}.app-root,.topbar,.app-sidebar,.bottom-nav,.btn,.receipt-actions,.success-banner,.form-section,.screen-title,.history-search,.offline-banner,.a4-preview-container>div:first-child{display:none!important}body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important}.a4-preview-container,.a4-viewport-outer,.a4-viewport-inner{display:block!important;width:210mm!important;height:297mm!important;max-width:210mm!important;max-height:297mm!important;transform:none!important;margin:0!important;padding:0!important;box-shadow:none!important;background:transparent!important}.a4-paper{width:210mm!important;height:297mm!important;min-width:210mm!important;min-height:297mm!important;max-width:210mm!important;max-height:297mm!important;page-break-inside:avoid!important;page-break-after:avoid!important;box-shadow:none!important;background:#fff!important;padding:15mm 16mm!important;box-sizing:border-box!important}}@supports (padding: max(0px)){.bottom-nav{padding-bottom:max(var(--space-2),env(safe-area-inset-bottom))}.app-content{padding-bottom:max(calc(84px + env(safe-area-inset-bottom)),84px)}@media (min-width: 1024px){.app-content{padding-bottom:max(var(--space-6),env(safe-area-inset-bottom))}}}