@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top left,#1c1814,#0f0d0b 60%,#0a0908);color:#e8e2d9;font-family:Public Sans,sans-serif}::-webkit-scrollbar-thumb{background:#b48c5a33;border-radius:0}.glass-card{background:#fff5eb09;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,235,200,.07);border-radius:0;box-shadow:0 8px 32px #00000059;transition:border-color .3s ease,background .3s ease}.glass-card:hover{background:#fff5eb0d;border-color:#b48c5a2e}.glow-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(180,130,70,.35);color:#c9a96e;background:#b4824612;border-radius:0;font-family:Public Sans,sans-serif;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .25s ease;padding:10px 22px;box-shadow:1px 1px #ffffff14,2px 2px #0006}.glow-button:hover{background:#b4824624;border-color:#c9a96e}.glow-button:active{box-shadow:inset 1px 1px #0000004d;transform:translate(1px,1px)}.row{display:grid;grid-template-columns:40px 1.5fr 1.5fr 1fr 1fr 1.5fr;gap:16px;padding:14px 28px;border-bottom:1px solid rgba(255,235,200,.04);align-items:center;transition:background .1s}.row:hover{background:#fff5eb06}.status-tag{display:inline-block;font-size:8px;letter-spacing:.14em;font-weight:600;padding:2px 7px;border-radius:0;text-transform:uppercase}.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #060010);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;inset:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #060010) 0 100%) padding-box,linear-gradient(#fff0 0% 100%) border-box,var(--gradient-one) border-box,var(--gradient-two) border-box,var(--gradient-three) border-box,var(--gradient-four) border-box,var(--gradient-five) border-box,var(--gradient-six) border-box,var(--gradient-seven) border-box,var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one) padding-box,var(--gradient-two) padding-box,var(--gradient-three) padding-box,var(--gradient-four) padding-box,var(--gradient-five) padding-box,var(--gradient-six) padding-box,var(--gradient-seven) padding-box,var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}.landing-v2{min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;font-family:var(--sans);overflow-x:hidden}.lv2-topbar{position:fixed;top:12px;right:16px;z-index:100;display:flex;align-items:center;gap:10px}.lv2-signin{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;cursor:pointer;transition:color .15s,border-color .15s}.lv2-signin:hover{color:var(--text);border-color:var(--text)}.lv2-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:80px 64px;min-height:100dvh}.lv2-eyebrow{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.lv2-title{font-size:clamp(28px,4vw,46px);font-weight:600;color:var(--text);line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}.lv2-desc{font-size:14px;color:var(--text-dim);line-height:1.75;max-width:400px;margin-bottom:32px}.lv2-cta{display:inline-block;padding:16px 40px;background:var(--text);color:var(--bg);font-family:var(--sans);font-size:13px;font-weight:600;border:1px solid var(--text);border-radius:0;cursor:pointer;transition:background .15s,opacity .15s;margin-bottom:12px;box-shadow:2px 2px #00000059}.lv2-cta:hover{opacity:.85}.lv2-cta:active{box-shadow:inset 1px 1px #0000004d;transform:translate(1px,1px)}.lv2-sub{font-size:10px;color:var(--text-muted)}.lv2-hero-preview{height:500px;overflow:hidden;border:1px solid var(--border-light);background:var(--surface-2);position:relative}.lv2-hero-preview:before,.lv2-hero-preview:after{content:"";position:absolute;left:0;right:0;height:56px;z-index:2;pointer-events:none}.lv2-hero-preview:before{top:0;background:linear-gradient(to bottom,var(--surface-2),transparent)}.lv2-hero-preview:after{bottom:0;background:linear-gradient(to top,var(--surface-2),transparent)}.lv2-preview-wrap{display:flex;flex-direction:column}.lv2-border-glow{width:100%}.lv2-border-glow .border-glow-inner{overflow:visible}.lv2-plan-glow{display:flex;flex-direction:column}.lv2-plan-glow .border-glow-inner,.lv2-plan-glow .lv2-plan{flex:1}.lv2-plan-glow.border-glow-card:hover:before,.lv2-plan-glow.border-glow-card:hover>.edge-light{opacity:.85}.lv2-plan-glow.border-glow-card:hover:after{opacity:.15}.lv2-hero-reflection{display:none}.mock-invoice{background:#fff;padding:32px;font-family:helvetica,arial,sans-serif;color:#1e1c18}[data-theme=dark] .mock-invoice{background:#2a2c2e;color:#e8dcc8}.mock-invoice-header{display:flex;justify-content:space-between;align-items:center;background:#1e1c18;padding:14px 20px;margin:-32px -32px 24px}[data-theme=dark] .mock-invoice-header{background:#111}.mock-invoice-label{color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em}.mock-invoice-num{color:#b4afa5;font-size:11px}.mock-invoice-parties{display:flex;justify-content:space-between;margin-bottom:16px}.mock-party-label{font-size:10px;color:#908e8a;margin-bottom:4px}.mock-party-name{font-size:14px;font-weight:700;color:#1e1c18}[data-theme=dark] .mock-party-name{color:#e8dcc8}.mock-invoice-date{font-size:11px;color:#908e8a;margin-bottom:20px}.mock-invoice-table{width:100%;border-collapse:collapse;margin-bottom:20px}.mock-invoice-table th{background:#f0ede8;padding:8px 10px;text-align:left;font-size:9px;color:#908e8a;font-weight:600;text-transform:uppercase;letter-spacing:.06em}[data-theme=dark] .mock-invoice-table th{background:#1e2022;color:#7a7672}.mock-invoice-table th:not(:first-child),.mock-invoice-table td:not(:first-child){text-align:right}.mock-invoice-table td{padding:8px 10px;border-bottom:1px solid #e8e6e1;font-size:12px;color:#1e1c18}[data-theme=dark] .mock-invoice-table td{border-bottom-color:#2e3235;color:#e8dcc8}.mock-invoice-totals{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.mock-total-row{display:flex;justify-content:space-between;font-size:12px;color:#908e8a}.mock-total-final{font-size:15px;font-weight:700;color:#1e1c18;border-top:1px solid #e8e6e1;padding-top:10px;margin-top:4px}[data-theme=dark] .mock-total-final{color:#e8dcc8;border-top-color:#2e3235}.mock-invoice-notes{font-size:11px;color:#908e8a;border-top:1px solid #e8e6e1;padding-top:14px;margin-bottom:20px;line-height:1.6}[data-theme=dark] .mock-invoice-notes{border-top-color:#2e3235}.mock-invoice-footer{text-align:center;font-size:9px;color:#c8c4bc;padding-top:14px;border-top:1px solid #f0ede8}[data-theme=dark] .mock-invoice-footer{border-top-color:#2e3235;color:#4a4845}.lv2-pricing{padding:80px 64px;background:var(--surface)}.lv2-pricing-title{font-size:24px;font-weight:600;color:var(--text);text-align:center;margin-bottom:40px;letter-spacing:-.01em}.lv2-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:720px;margin:0 auto}.lv2-plan{position:relative;background:var(--surface-2);border:1px solid var(--border-light);padding:32px;display:flex;flex-direction:column;gap:8px}.lv2-plan-pro{border-color:var(--border);box-shadow:0 4px 20px #00000014}.lv2-plan-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px}.lv2-plan-name{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.lv2-plan-price{font-size:36px;font-weight:600;color:var(--text);line-height:1;margin-bottom:8px}.lv2-plan-price span{font-size:14px;font-weight:400;color:var(--text-muted)}.lv2-plan-features{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px;flex:1}.lv2-plan-features li{font-size:12px;color:var(--text-dim);padding-left:14px;position:relative}.lv2-plan-features li:before{content:"·";position:absolute;left:0;color:var(--text-muted)}.lv2-plan-caveat{opacity:.45;font-style:italic}.lv2-plan-btn{width:100%;padding:12px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);cursor:pointer;transition:background .12s,opacity .12s;box-shadow:1px 1px #ffffff1f,2px 2px #0000004d}.lv2-plan-btn:hover{opacity:.85}.lv2-plan-btn:active{box-shadow:inset 1px 1px #0000004d;transform:translate(1px,1px)}.lv2-plan-btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.lv2-plan-btn-primary{background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:1px 1px #ffffff1f,2px 2px #00000080}.lv2-footer{padding:32px 64px;text-align:center;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px}.lv2-footer-link{background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;text-decoration:underline;padding:0}.lv2-footer-disclaimer{font-size:10px;color:var(--text-muted);opacity:.6}@media(max-width:768px){.lv2-hero{grid-template-columns:1fr;padding:48px 24px;min-height:unset;gap:32px}.lv2-hero-preview{height:360px}.lv2-pricing{padding:48px 24px}.lv2-plans{grid-template-columns:1fr}.lv2-footer{padding:24px}}.auth-page{height:100dvh;width:100%;background:#f0efe9;display:flex;align-items:center;justify-content:center;font-family:var(--mono);overflow:hidden;position:relative}.auth-page:before,.auth-page:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.auth-page:before{width:380px;height:380px;background:radial-gradient(circle,rgba(180,140,90,.18),transparent 70%);top:-80px;left:-80px}.auth-page:after{width:320px;height:320px;background:radial-gradient(circle,rgba(160,104,48,.12),transparent 70%);bottom:-60px;right:-60px}.auth-card{position:relative;z-index:1;width:90%;max-width:400px;background:#ffffffa6;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.8);border-radius:0;padding:36px 32px 40px;box-shadow:0 2px #ffffffe6 inset,0 12px 40px #3c3a321f,0 2px 8px #3c3a320f;display:flex;flex-direction:column;gap:20px}.auth-brand{font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);text-align:center}.auth-title{font-family:var(--sans);font-size:22px;font-weight:600;color:var(--text);text-align:center;letter-spacing:-.02em;margin:-6px 0 0}.auth-toggle{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:0;padding:3px;gap:3px}.auth-toggle button{flex:1;padding:7px;font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;border:none;border-radius:0;background:none;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.auth-toggle button.active{background:#fff;color:var(--text);box-shadow:1px 1px #00000026,2px 2px #00000014}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-error{font-size:10px;color:var(--voided);background:#f8eeee;border:1px solid #d0a0a0;padding:8px 12px;border-radius:0;letter-spacing:.02em}.auth-message{font-size:10px;color:var(--paid);background:#eef5f0;border:1px solid #a0c4b0;padding:8px 12px;border-radius:0;letter-spacing:.02em}.auth-submit{margin-top:4px;width:100%;padding:13px;background:#1a1a1a;color:#f5f4f0;border:1px solid #1a1a1a;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;border-radius:0;cursor:pointer;box-shadow:1px 1px #ffffff1f,2px 2px #00000080;transition:background .15s,opacity .15s}.auth-submit:hover{background:#333}[data-theme=dark] .auth-submit{background:#e7ddc7;color:#1a1a1a;border-color:#c8b89a}[data-theme=dark] .auth-submit:hover{background:#d6ccb4}.auth-submit:active{box-shadow:inset 1px 1px #0006;transform:translate(1px,1px)}.auth-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.auth-guest{background:none;border:none;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px 0;transition:color .15s}.auth-guest:hover{color:var(--text-dim)}.auth-guest:disabled{opacity:.4;cursor:not-allowed}.auth-field{width:100%;background:#f5f0e8;border:1px solid rgba(60,50,30,.15);border-radius:0;padding:11px 14px;font-size:13px;color:#2a2520;font-family:var(--sans);outline:none;transition:border-color .2s}.auth-field:focus{border-color:var(--accent)}.auth-field::placeholder{color:#2a252059}.auth-text-btn{background:none;border:none;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px 0;transition:color .15s}.auth-text-btn:hover{color:var(--text-dim)}.auth-back-btn{position:absolute;top:14px;left:16px;background:none;border:none;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--text-muted);cursor:pointer;padding:4px 0;transition:color .15s}.auth-back-btn:hover{color:var(--text-dim)}[data-theme=dark] .auth-card{background:var(--surface-2);border-color:var(--border);box-shadow:0 12px 40px #00000080}[data-theme=dark] .auth-toggle button.active{background:var(--surface);color:var(--text)}[data-theme=dark] .auth-field{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .auth-field::placeholder{color:var(--text-muted)}[data-theme=dark] .auth-field:focus{border-color:var(--accent)}[data-theme=dark] .auth-error{background:#c04a4a1f;border-color:#7a3030}[data-theme=dark] .auth-message{background:#2e9e5e1f;border-color:#2a6040}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #dcdcda;--surface: #e8e8e5;--surface-2: #f0f0ed;--border: #888884;--border-light: #a8a8a4;--text: #111110;--text-dim: #3a3a38;--text-muted: #666663;--paid: #1a5c3a;--sent: #1a3060;--draft: #555552;--voided: #7a1a1a;--accent: #a06830;--accent-dim: rgba(160, 104, 48, .12);--mono: ui-monospace, "Courier New", monospace;--sans: "Public Sans", sans-serif}[data-theme=dark]{--bg: #2c3032;--surface: #181a1b;--surface-2: #26292b;--border: #3d4145;--border-light: #2e3235;--text: #e8dcc8;--text-dim: #c4b99a;--text-muted: #7a7672;--paid: #2e9e5e;--sent: #4a70c0;--draft: #888884;--voided: #c04a4a;--accent: #c8924a;--accent-dim: rgba(200, 146, 74, .14)}[data-theme=dark] .btn-primary{background:#e7ddc7;color:#1a1a1a;border-color:#c8b89a}[data-theme=dark] .btn-primary:hover{background:#d6ccb4;color:#1a1a1a}[data-theme=dark] .btn-ghost{background:var(--surface-2)}[data-theme=dark] .btn:hover,[data-theme=dark] .btn-primary:hover,[data-theme=dark] .btn-ghost:hover,[data-theme=dark] .close-btn:hover{background:#e7ddc7;color:#1a1a1a;border-color:#e7ddc7}[data-theme=dark] .sidebar-item:hover,[data-theme=dark] .dropdown-item:hover,[data-theme=dark] .dropdown-item[data-highlighted]{background:#e7ddc7;color:#1a1a1a}[data-theme=dark] .dark-toggle:hover,[data-theme=dark] .help-btn:hover,[data-theme=dark] .btn-icon:hover,[data-theme=dark] .win-btn:hover{color:#e7ddc7;border-color:#e7ddc7}[data-theme=dark] .avatar-btn:hover{border-color:#e7ddc7}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:13px}.app-shell{display:grid;grid-template-rows:52px 1fr;grid-template-columns:200px 1fr;height:100vh;overflow:hidden}.topbar{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar-right{display:flex;align-items:center;gap:12px;justify-content:flex-end}.topbar-meta{font-family:Oswald,sans-serif;font-size:12px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.dark-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;cursor:pointer;transition:color .1s,border-color .1s;box-shadow:1px 1px #00000040}.dark-toggle:hover{color:var(--text);border-color:var(--text)}.dark-toggle:active{box-shadow:inset 1px 1px #0003;transform:translate(1px,1px)}[data-theme=dark] .topbar-meta{color:var(--text-dim)}.help-btn{background:none;border:1px solid var(--border);color:var(--text-muted);font-family:var(--mono);font-size:12px;font-weight:600;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:color .15s,border-color .15s;padding:0;line-height:1}.help-btn:hover{color:var(--text);border-color:var(--text-dim)}.sidebar{border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto;min-width:0}.sidebar-section{border-bottom:1px solid var(--border-light);padding:12px 0}.sidebar-label{padding:0 12px 8px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:12px;color:var(--text-dim);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:var(--mono);border-left:2px solid transparent;transition:background .1s}.sidebar-item:hover{background:var(--bg);color:var(--text)}.sidebar-item.active{color:var(--text);border-left-color:var(--accent);background:var(--bg);font-weight:600}.sidebar-count{font-size:11px;color:var(--text-muted)}.sidebar-item.active .sidebar-count{color:var(--text-dim)}.stat-block{padding:8px 12px}.stat-label{font-size:11px;letter-spacing:0;color:var(--text-muted);margin-bottom:2px}.stat-sublabel{font-size:10px;color:var(--text-muted);opacity:.6;margin-left:2px}.stat-sub{font-size:9px;letter-spacing:.08em;color:var(--text-muted);opacity:.6;text-transform:uppercase;margin-top:1px}.stat-value{font-size:18px;font-weight:400;color:var(--text)}.main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.toolbar-title{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.toolbar-greeting{font-size:13px;font-weight:500;color:var(--text);font-family:var(--sans);margin-right:auto}.content-area{flex:1;display:flex;overflow:hidden;position:relative}.receipt-grid-wrap{flex:1;overflow-y:auto;padding:16px}.receipt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.swipe-delete-btn{display:none}.receipt-card{background:var(--surface-2);border:1px solid var(--border-light);border-radius:0;padding:14px;cursor:pointer;transition:box-shadow .15s,border-color .15s;display:flex;flex-direction:column;gap:7px;min-height:116px;box-shadow:0 1px 2px #0000000d;position:relative}.receipt-card:hover{box-shadow:0 3px 10px #00000017;border-color:var(--border)}.receipt-card.selected{background:var(--surface-2);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 3px 10px #00000017}.card-top-row{display:flex;justify-content:space-between;align-items:center}.card-num{font-size:10px;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.card-delete{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:11px;padding:0;line-height:1;opacity:0;transition:opacity .12s,color .12s}.receipt-card:hover .card-delete{opacity:1}.card-delete:hover{color:var(--voided)}.card-vendor{font-size:14px;font-weight:600;color:var(--text);line-height:1.3;font-family:var(--sans)}.card-customer{font-size:11px;color:var(--text-muted);font-family:var(--sans)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:8px}.card-total{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;text-align:right;font-family:var(--mono)}.stamp{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:0;font-family:var(--sans);text-transform:capitalize;white-space:nowrap}.stamp:before{content:"";display:block;width:5px;height:5px;border-radius:50%;flex-shrink:0}.stamp.draft{color:#555;background:#0000000f}.stamp.draft:before{background:#999}.stamp.sent{color:#1a3060;background:#1a306014}.stamp.sent:before{background:#4a70c0}.stamp.paid{color:#1a5c3a;background:#1a5c3a14}.stamp.paid:before{background:#2e9e5e}.stamp.voided{color:#7a1a1a;background:#7a1a1a14}.stamp.voided:before{background:#c04a4a}[data-theme=dark] .stamp.draft{color:#c8c4bc;background:#ffffff12}[data-theme=dark] .stamp.draft:before{background:#888}[data-theme=dark] .stamp.sent{color:#c8d8f8;background:#648cdc26}[data-theme=dark] .stamp.sent:before{background:#6490e0}[data-theme=dark] .stamp.paid{color:#b8e8cc;background:#3ca06426}[data-theme=dark] .stamp.paid:before{background:#3ea068}[data-theme=dark] .stamp.voided{color:#f0b8b8;background:#c83c3c26}[data-theme=dark] .stamp.voided:before{background:#c04a4a}.empty{padding:60px 16px;text-align:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);grid-column:1 / -1}.detail-panel{position:absolute;right:0;top:0;bottom:0;width:320px;border-left:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;overflow-y:auto}.detail-header{padding:10px 14px;border-bottom:1px solid var(--border-light);background:var(--surface)}.detail-receipt-num{font-size:9px;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.detail-vendor{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px;font-family:var(--sans)}.detail-customer{font-size:12px;color:var(--text-dim)}.detail-section{padding:8px 14px;border-bottom:1px solid var(--border-light)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.detail-key{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.detail-val{font-size:12px;color:var(--text)}.line-items-table{width:100%;border-collapse:collapse;font-size:11px}.line-items-table th{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);text-align:left;padding:4px 0;border-bottom:1px solid var(--border);font-weight:600}.line-items-table td{padding:6px 0;border-bottom:1px solid var(--border-light);color:var(--text-dim);font-size:11px}.line-items-table td.number{text-align:right;color:var(--text)}.total-line{display:flex;justify-content:space-between;padding:4px 0}.total-line .tl-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.total-line .tl-val{font-size:11px;color:var(--text-dim)}.total-line.grand{border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.total-line.grand .tl-label{color:var(--text);font-size:11px;font-weight:600}.total-line.grand .tl-val{color:var(--text);font-size:16px;font-weight:600}.avatar-btn{background:none;border:1.5px solid var(--border);border-radius:50%;padding:0;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .15s}.avatar-btn:hover{border-color:var(--text)}.avatar-fallback{width:34px;height:34px;background:var(--text);color:var(--surface);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--sans)}.dropdown-content{background:var(--surface-2);border:1px solid var(--border);border-radius:0;padding:6px;min-width:200px;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f;z-index:999;animation:dropIn .12s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-label{font-size:10px;color:var(--text-muted);padding:4px 8px 6px;letter-spacing:.05em;font-family:var(--mono)}.dropdown-sep{height:1px;background:var(--border-light);margin:4px 0}.dropdown-item{font-size:12px;font-family:var(--sans);color:var(--text);padding:8px 10px;border-radius:0;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.dropdown-item:hover,.dropdown-item[data-highlighted]{background:var(--surface)}.dropdown-item-danger{color:var(--voided)}.dropdown-item-danger:hover,.dropdown-item-danger[data-highlighted]{background:#fdf2f2}.btn{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);border-radius:0;cursor:pointer;padding:7px 14px;background:var(--surface);color:var(--text);transition:background .1s,box-shadow .1s;box-shadow:1px 1px #ffffff1f,2px 2px #00000059}.btn:hover{background:var(--bg)}.btn:active{box-shadow:inset 1px 1px #0000004d;transform:translate(1px,1px)}.btn-primary{background:#1a1a1a;color:#f5f4f0;border-color:#1a1a1a;box-shadow:1px 1px #ffffff1f,2px 2px #00000080}.btn-primary:hover{background:#333;color:#f5f4f0}.btn-primary:active{box-shadow:inset 1px 1px #0006;transform:translate(1px,1px)}.btn-ghost{background:none;color:var(--text-dim)}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-danger{background:#c83c3c14;color:#c04a4a;border-color:#c83c3c40}.btn-danger:hover{background:#c83c3c26;color:#a03030;border-color:#c83c3c66}[data-theme=dark] .btn-danger{background:#c83c3c1f;color:#f0b8b8;border-color:#c83c3c40}[data-theme=dark] .btn-danger:hover{background:#c83c3c38;color:#f8cccc;border-color:#c83c3c73}.btn-download{background:#3c64b412;color:#3a5ea0;border-color:#3c64b438}.btn-download:hover{background:#3c64b424;color:#2a4e90;border-color:#3c64b461}[data-theme=dark] .btn-download{background:#648cdc1f;color:#c8d8f8;border-color:#648cdc40}[data-theme=dark] .btn-download:hover{background:#648cdc38;color:#dce8ff;border-color:#648cdc73}.btn-status{background:none;color:var(--text-dim);border-color:var(--border-light);padding:4px 8px;font-size:9px}.btn-status:hover{border-color:var(--text);color:var(--text)}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:0;transition:color .15s}.btn-icon:hover{color:var(--text)}.close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;border-radius:0;flex-shrink:0;transition:background .12s,color .12s}.close-btn:hover{background:var(--bg);color:var(--text)}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;animation:fadeBackdrop .15s ease}@keyframes fadeBackdrop{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface-2);border:1px solid var(--border);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:4px 4px 0 var(--border),0 16px 48px #0000002e;animation:slideModal .15s ease}@keyframes slideModal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.win-modal{position:fixed;background:var(--surface-2);border:2px solid;border-color:rgba(255,255,255,.12) rgba(0,0,0,.5) rgba(0,0,0,.5) rgba(255,255,255,.12);box-shadow:2px 2px #0009,inset 1px 1px #ffffff0f;width:360px;min-width:240px;min-height:80px;resize:both;overflow:hidden;display:flex;flex-direction:column}.win-titlebar{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background:var(--surface);border-bottom:1px solid var(--border);cursor:move;-webkit-user-select:none;user-select:none;flex-shrink:0}.win-titlebar-title{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.win-btn{background:var(--surface-2);border:1px solid;border-color:rgba(255,255,255,.15) rgba(0,0,0,.4) rgba(0,0,0,.4) rgba(255,255,255,.15);color:var(--text-dim);width:16px;height:14px;font-size:8px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.win-btn:hover{color:var(--text)}.win-btn:active{border-color:rgba(0,0,0,.4) rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(0,0,0,.4)}.win-body{padding:16px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:0}.win-divider{border-top:1px solid var(--border-light);margin:14px 0}.win-resize-grip{position:absolute;bottom:3px;right:3px;width:8px;height:8px;background:repeating-linear-gradient(-45deg,var(--border) 0px,var(--border) 1px,transparent 1px,transparent 3px);pointer-events:none}.help-heading{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;text-align:center}.help-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;text-align:center}.help-list li{font-size:11px;color:var(--text-dim);letter-spacing:.03em;line-height:1.55}.help-footer{margin-top:16px;font-size:10px;color:var(--text-muted);letter-spacing:.06em;text-align:center}.modal-header{padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text);font-weight:600}.modal-body{padding:20px;display:grid;gap:14px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:var(--sans)}.modal-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;background:var(--surface)}.profile-section-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-light);padding-bottom:6px;margin-bottom:10px}.field-group{display:grid;gap:4px}.field-label{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.field{background:#f5f0e8;border:1px solid rgba(60,50,30,.15);color:#2a2520;font-family:var(--sans);font-size:11px;padding:7px 10px;width:100%;outline:none;transition:border-color .2s}.field:focus{border-color:var(--accent);outline:none}.field::placeholder{color:#2a252059}[data-theme=dark] .field{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .field::placeholder{color:var(--text-muted)}[data-theme=dark] .field:focus{border-color:#b48c5a66}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.line-item-row{display:grid;grid-template-columns:1fr 60px 80px 80px 24px;gap:6px;align-items:center}.line-item-row.header{font-size:7px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border)}@media(max-width:768px){.app-shell{display:flex;flex-direction:column;height:100dvh;overflow:hidden;position:relative;padding-bottom:80px}.topbar{min-height:52px;flex-shrink:0}.topbar.topbar-guest{justify-content:center;text-align:center}.topbar-meta{text-align:inherit}input.field,textarea.field,select.field{font-size:16px!important}.sidebar-count{margin-left:6px}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:16px!important}.modal-footer{position:sticky;bottom:0;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:var(--surface);box-shadow:0 -4px 16px #00000014;z-index:20;margin-top:auto}.modal-footer .btn{flex:1;height:44px;font-size:11px;border-radius:0}.line-item-row.header{display:none}.line-item-row{display:grid;grid-template-columns:1fr 1fr 1fr 30px;gap:8px;background:var(--bg);padding:12px;border-radius:0;border:1px solid var(--border-light);margin-bottom:12px!important}.line-item-row input:nth-child(1){grid-column:1 / span 3;grid-row:1}.line-item-row button{grid-column:4;grid-row:1;display:flex;justify-content:center;align-items:center}.line-item-row input:nth-child(2),.line-item-row input:nth-child(3),.line-item-row input:nth-child(4){grid-row:2;text-align:center}.toolbar{display:none}.sidebar{flex-direction:column;border-right:none;border-bottom:1px solid var(--border-light);background:var(--surface);flex-shrink:0;z-index:10}.sidebar-section:first-child{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 16px;gap:8px;border-bottom:1px solid var(--border-light)}.stat-block{padding:6px 8px;text-align:center}.stat-value{font-size:17px}.stat-label{font-size:9px;letter-spacing:.08em}.stat-sublabel{display:none}.card-vendor{font-size:16px}.card-customer{font-size:13px}.card-num{font-size:11px}.card-total{font-size:16px}.stamp{font-size:12px;padding:3px 10px}.detail-vendor{font-size:18px}.detail-customer{font-size:14px}.detail-key{font-size:11px}.detail-val{font-size:14px}.line-items-table{font-size:13px}.total-line .tl-label{font-size:12px}.total-line .tl-val{font-size:13px}.total-line.grand .tl-val{font-size:20px}.btn{font-size:12px;padding:10px 16px}.sidebar-section:nth-child(2){display:flex;flex-direction:row;overflow-x:auto;padding:12px 16px;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar-section:nth-child(2)::-webkit-scrollbar{display:none}.sidebar-label{display:none}.sidebar-item{white-space:nowrap;background:var(--surface-2);border:1px solid var(--border);border-radius:0;padding:8px 16px;font-size:11px;text-align:center;width:auto;margin:0}.sidebar-item.active{background:var(--text);color:var(--bg);border-color:var(--text)}.sidebar-item.active .sidebar-count{color:var(--surface)}.sidebar>div:last-child{position:fixed;bottom:0;left:0;width:100%;padding:16px 20px!important;background:linear-gradient(to top,var(--bg) 60%,transparent);border-top:none!important;z-index:50;margin-top:0!important}.sidebar>div:last-child .btn-primary{height:48px;border-radius:0;font-size:14px;font-weight:600;box-shadow:0 4px 14px #0003;transition:transform .1s}.sidebar>div:last-child .btn-primary:active{transform:scale(.96)}.content-area{flex:1;overflow-y:auto}.receipt-grid-wrap{padding:12px}.receipt-grid{grid-template-columns:1fr;background:transparent;border:none;gap:8px}.receipt-card{border-radius:0;border:1px solid var(--border);margin-bottom:2px}.detail-panel{position:fixed;inset:0;width:100%;height:100dvh;z-index:100;border-left:none}.modal-backdrop{padding:0}.modal{max-width:100%;height:100dvh;max-height:100dvh;border:none;display:flex;flex-direction:column;border-radius:0}.field-row{grid-template-columns:1fr}.swipe-wrapper{position:relative;overflow:hidden;border-radius:0;margin-bottom:2px}.swipe-delete-btn{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;bottom:0;width:76px;background:#c0392b;color:#fff;border:none;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.card-delete{display:none}.receipt-card{transition:transform .22s cubic-bezier(.22,1,.36,1);border-radius:0;border:1px solid var(--border);margin-bottom:0;position:relative;z-index:1;background:var(--surface-2)}.receipt-card.swiped{transform:translate(-76px)}.topbar-meta{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.win-modal{position:fixed!important;left:0!important;top:auto!important;bottom:0!important;transform:none!important;width:100%!important;max-width:100%!important;resize:none!important;border-left:none;border-right:none;border-bottom:none}.win-titlebar{cursor:default}}@media(max-width:400px){.field-row{grid-template-columns:1fr}.topbar-meta{max-width:120px;font-size:9px}}
