:root{--font:'Inter',system-ui,-apple-system,sans-serif;--bg:#f4f6f9;--surface:#ffffff;--surface-alt:#f9fafb;--accent:#4f46e5;--accent-dark:#4338ca;--accent-soft:rgba(79, 70, 229, 0.08);--text-base:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--border-soft:#f1f5f9;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.07),0 1px 4px rgba(0,0,0,.04);--receipt-bg:#ffffff;--receipt-border:#e2e8f0;--receipt-shadow:0 2px 12px rgba(0,0,0,.06);--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*,::after,::before{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background-color:var(--bg);color:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}.page-wrapper{max-width:1280px;margin:0 auto;padding:24px 20px}.site-header{margin-bottom:28px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent);color:#fff;border-radius:var(--radius-md);flex-shrink:0}.brand-name{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text-base)}.header-tagline{font-size:.875rem;color:var(--text-muted);font-weight:400}.app-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media (max-width:900px){.app-container{grid-template-columns:1fr}.header-inner{flex-direction:column;align-items:flex-start}.form-row.two-col{grid-template-columns:1fr}.preview-top{flex-wrap:wrap;gap:8px;padding:14px 16px 12px}.template-selector{width:100%}.template-option{flex:1;text-align:center;padding:5px 6px;font-size:.75rem}.receipt.template-modern{margin:12px 8px}.receipt.template-modern .receipt-meta{grid-template-columns:1fr}.receipt.template-modern .receipt-meta-row{flex-direction:row;justify-content:space-between;align-items:center;padding:8px 16px;border-right:none;border-bottom:1px solid #e2e8f0}.receipt.template-modern .receipt-meta-row:last-child{border-bottom:none}.receipt.template-modern .meta-label{font-size:.68rem;margin-bottom:0}.receipt.template-modern .meta-value{font-size:.82rem}.receipt.template-modern .receipt-footer,.receipt.template-modern .receipt-items,.receipt.template-modern .receipt-payment,.receipt.template-modern .receipt-totals{margin-left:8px;margin-right:8px}.receipt.template-modern .receipt-items{width:calc(100% - 16px);table-layout:fixed}}.panel{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.panel-block{padding:24px 28px;border-bottom:1px solid var(--border-soft)}.panel-block:last-of-type{border-bottom:none}.block-title{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:18px}.form-group{margin-bottom:14px}.form-group:last-child{margin-bottom:0}.form-row{margin-bottom:14px}.form-row:last-child{margin-bottom:0}.form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;margin-bottom:6px;font-size:.8rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em}input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:.9rem;color:var(--text-base);background:var(--surface);transition:border-color .15s,box-shadow .15s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--text-light)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.line-items-options{margin-bottom:10px}.inline-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted);cursor:pointer}.inline-checkbox input[type=checkbox]{width:auto;margin:0}.item-adder{display:grid;grid-template-columns:2fr 1fr 80px auto;gap:8px;margin-bottom:12px}.item-adder.qty-hidden{grid-template-columns:2fr 1fr auto}.item-adder input{margin:0}.items-table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.items-table{width:100%;border-collapse:collapse;font-size:.875rem}.items-table th{background:var(--surface-alt);padding:9px 12px;text-align:left;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.items-table td{padding:10px 12px;border-bottom:1px solid var(--border-soft);color:var(--text-base)}.items-table tbody tr:last-child td{border-bottom:none}.text-right{text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s,opacity .15s;white-space:nowrap}.btn:active{opacity:.85}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent);padding:9px 14px}.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-ghost{background:0 0;color:var(--text-muted);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-alt);border-color:var(--border)}.btn-danger{background:0 0;color:#ef4444;border-color:#fca5a5;font-size:.775rem;padding:5px 10px}.btn-danger:hover{background:#fef2f2;border-color:#ef4444}.btn-success{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-success:hover{background:var(--accent-dark)}.btn-outline{background:0 0;color:var(--text-muted);border-color:var(--border)}.btn-outline:hover{background:var(--surface-alt)}.panel-actions{display:flex;gap:10px;padding:20px 28px;border-top:1px solid var(--border-soft)}.panel-actions .btn{flex:1}.action-buttons{display:flex;gap:6px;justify-content:flex-end}.action-btn{padding:5px 10px;font-size:.775rem}.empty-state{text-align:center;padding:28px 12px;color:var(--text-light);font-size:.875rem;font-style:italic}.preview-panel{display:flex;flex-direction:column}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 28px 16px;border-bottom:1px solid var(--border-soft)}.preview-top .block-title{margin-bottom:0}.template-selector{display:flex;gap:4px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.template-option{padding:5px 14px;font-size:.8rem;font-weight:500;color:var(--text-muted);border-radius:4px;cursor:pointer;transition:background .15s,color .15s;user-select:none;border:none;background:0 0}.template-option:hover{color:var(--text-base)}.template-option.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.receipt{margin:20px 28px;padding:28px 28px 20px;background:var(--receipt-bg);border:1px solid var(--receipt-border);border-radius:var(--radius-md);box-shadow:var(--receipt-shadow)}.receipt-header{text-align:center;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}.receipt-header h2{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px;color:var(--text-base)}.receipt-header p{font-size:.825rem;color:var(--text-muted);margin-bottom:2px}.receipt-document-title{font-size:1.45rem;font-weight:800;letter-spacing:.08em;margin-bottom:8px;color:var(--text-base)}.receipt-meta{display:flex;flex-direction:column;gap:6px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border-soft)}.receipt-meta-row{display:flex;justify-content:space-between;font-size:.825rem}.meta-label{color:var(--text-muted);font-weight:400}.meta-value{color:var(--text-base);font-weight:500}.receipt-items{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:.85rem}.receipt-items th{text-align:left;padding:6px 4px;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.receipt-items td{padding:9px 4px;border-bottom:1px solid var(--border-soft);color:var(--text-base)}.receipt-items tbody tr:last-child td{border-bottom:none}.receipt-items .text-right{text-align:right}.receipt-empty{text-align:center;padding:20px;color:var(--text-light);font-style:italic;font-size:.85rem}.receipt-totals{padding:12px 0;border-top:1px solid var(--border);margin-bottom:14px}.totals-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted);padding:3px 0}.totals-grand{font-size:.975rem;font-weight:700;color:var(--text-base);border-top:1px solid var(--border);padding-top:10px;margin-top:6px}.receipt-payment{display:flex;justify-content:space-between;font-size:.825rem;padding-bottom:16px;margin-bottom:16px;border-bottom:1px dashed var(--border)}.receipt-footer{text-align:center;color:var(--text-light);font-size:.8rem}.receipt.template-minimal{font-family:'Courier New',Courier,monospace;background:#fff;border:none;border-radius:0;box-shadow:none;padding:28px 24px;margin:20px 28px;position:relative}.receipt.template-minimal::after,.receipt.template-minimal::before{content:'';display:block;height:10px;background-image:repeating-linear-gradient(90deg,#fff 0 8px,transparent 8px 16px),repeating-linear-gradient(90deg,#222 0 8px,transparent 8px 16px);background-size:16px 10px,16px 5px;background-repeat:repeat-x;background-position:0 0,0 5px}.receipt.template-minimal::before{margin-bottom:20px}.receipt.template-minimal::after{margin-top:20px}.receipt.template-minimal .receipt-header{text-align:center;border-bottom:none;padding-bottom:0;margin-bottom:0}.receipt.template-minimal .receipt-header::after{content:'';display:block;border-bottom:2px dashed #222;margin:12px 0}.receipt.template-minimal .receipt-header h2{font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#000}.receipt.template-minimal .receipt-header p{font-size:.8rem;color:#333;letter-spacing:.03em}.receipt.template-minimal .receipt-document-title{font-size:1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;color:#000}.receipt.template-minimal .receipt-meta{border-bottom:none;padding-bottom:0;margin-bottom:0;gap:3px}.receipt.template-minimal .receipt-meta::after{content:'';display:block;border-bottom:1px dashed #aaa;margin:10px 0}.receipt.template-minimal .receipt-meta-row{font-size:.8rem}.receipt.template-minimal .meta-label{color:#555;font-style:italic}.receipt.template-minimal .meta-value{color:#000;font-weight:700}.receipt.template-minimal .receipt-items th{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#000;border-bottom:1px solid #000;padding:5px 3px}.receipt.template-minimal .receipt-items td{font-size:.82rem;color:#111;border-bottom:1px dotted #ccc;padding:7px 3px}.receipt.template-minimal .receipt-items tbody tr:last-child td{border-bottom:1px solid #000}.receipt.template-minimal .receipt-totals{border-top:none;padding-top:0;margin-top:0}.receipt.template-minimal .totals-row{font-size:.82rem;color:#333;padding:2px 0}.receipt.template-minimal .totals-grand{font-size:.95rem;font-weight:700;color:#000;border-top:2px solid #000;padding-top:8px;margin-top:4px}.receipt.template-minimal .receipt-payment{border-bottom:1px dashed #aaa;font-size:.8rem}.receipt.template-minimal .receipt-footer{font-size:.78rem;color:#555;letter-spacing:.05em;text-align:center}.receipt.template-modern{background:#fff;border:none;border-radius:16px;box-shadow:0 8px 32px rgba(15,23,42,.12),0 2px 8px rgba(15,23,42,.06);overflow:hidden;padding:0;margin:20px 28px}.receipt.template-modern .receipt-header{background:#0f172a;color:#fff;text-align:left;padding:24px 28px;margin:0;border-bottom:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.receipt.template-modern .receipt-header h2{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.01em;grid-column:1/-1}.receipt.template-modern .receipt-document-title{font-size:1.25rem;font-weight:800;letter-spacing:.08em;color:#fff;margin-bottom:2px;grid-column:1/-1}.receipt.template-modern .receipt-header p{color:rgba(255,255,255,.55);font-size:.8rem;margin-bottom:0}.receipt.template-modern .receipt-meta{background:#f8fafc;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;margin:0;border-bottom:1px solid #e2e8f0;border-top:none}.receipt.template-modern .receipt-meta-row{display:flex;flex-direction:column;align-items:flex-start;padding:14px 20px;border-right:1px solid #e2e8f0;font-size:.8rem}.receipt.template-modern .receipt-meta-row:last-child{border-right:none}.receipt.template-modern .meta-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;margin-bottom:3px}.receipt.template-modern .meta-value{font-size:.875rem;font-weight:600;color:#0f172a}.receipt.template-modern .receipt-footer,.receipt.template-modern .receipt-items,.receipt.template-modern .receipt-payment,.receipt.template-modern .receipt-totals{margin:0 20px}.receipt.template-modern .receipt-items{margin-top:20px;margin-bottom:0;width:calc(100% - 40px)}.receipt.template-modern .receipt-items th{background:0 0;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:#64748b;padding:7px 10px;border-bottom:2px solid #e2e8f0}.receipt.template-modern .receipt-items td{padding:10px;font-size:.86rem;border-bottom:none}.receipt.template-modern .receipt-items tbody tr:nth-child(2n) td{background:#f8fafc}.receipt.template-modern .receipt-items tbody tr:last-child td{border-bottom:none}.receipt.template-modern .receipt-totals{border-top:2px solid #e2e8f0;margin-top:20px;padding:14px 0 10px;margin-bottom:0}.receipt.template-modern .totals-row{padding:3px 0;font-size:.84rem}.receipt.template-modern .totals-grand{background:#4f46e5;color:#fff;border-radius:8px;padding:10px 14px;margin:10px 0 0;border-top:none;font-size:.95rem;font-weight:700}.receipt.template-modern .totals-grand span{color:#fff}.receipt.template-modern .receipt-payment{border-bottom:none;padding:12px 0 4px;margin-bottom:0;font-size:.82rem}.receipt.template-modern .receipt-footer{background:#f8fafc;text-align:center;padding:14px 20px;margin:16px 0 0;font-size:.78rem;color:#94a3b8;border-top:1px solid #e2e8f0}@media (max-width:900px){.receipt.template-modern .receipt-meta{display:block;width:100%;box-sizing:border-box}.receipt.template-modern .receipt-meta-row{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:8px 12px;border-right:none;border-bottom:1px solid #e2e8f0}.receipt.template-modern .receipt-meta-row:last-child{border-bottom:none}.receipt.template-modern .meta-label{font-size:.68rem;margin-bottom:0}.receipt.template-modern .meta-value{font-size:.82rem;text-align:right}}.print-only{display:none}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{position:fixed;top:0;left:0;width:100%;min-height:100%;margin:0;padding:32px 40px;border:none;box-shadow:none;border-radius:0;overflow:visible}.no-print{display:none!important}.print-only{display:block}.receipt.template-minimal{position:fixed;top:0;left:0;width:100%;margin:0;padding:36px 52px;overflow:visible}.receipt.template-minimal::after,.receipt.template-minimal::before{display:none}.receipt.template-modern{position:fixed;top:0;left:0;width:100%;margin:0;padding:0;border-radius:0;box-shadow:none;overflow:visible;-webkit-print-color-adjust:exact;print-color-adjust:exact}.receipt.template-modern .receipt-items{width:calc(100% - 40px)}.receipt.template-modern .receipt-footer,.receipt.template-modern .receipt-header,.receipt.template-modern .receipt-items tbody tr:nth-child(2n) td,.receipt.template-modern .receipt-meta,.receipt.template-modern .receipt-meta-row,.receipt.template-modern .totals-grand{-webkit-print-color-adjust:exact;print-color-adjust:exact}}