.receipt-app{background:#f6f8fb;color:#0f172a;font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.receipt-hero{background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);border-bottom:1px solid #dbe7f6}.receipt-hero-inner,.receipt-shell,.benchmark-inner,.receipt-seo{max-width:1220px;margin:0 auto;padding-left:20px;padding-right:20px}.receipt-hero-inner{padding-top:30px;padding-bottom:28px}.receipt-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px;color:#64748b;font-size:0.78rem;font-weight:700}.receipt-breadcrumb a{color:#0f4aa2;text-decoration:none}.receipt-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:end}.receipt-kicker,.eyebrow{display:block;color:#0f4aa2;font-size:0.72rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.receipt-hero h1{margin:6px 0 8px;color:#0f172a;font-size:2.4rem;line-height:1.05;font-weight:800}.receipt-sub{max-width:720px;margin:0;color:#475569;font-size:1rem;line-height:1.65}.receipt-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.receipt-hero-metrics span{display:flex;flex-direction:column;gap:3px;min-height:74px;padding:13px 14px;border:1px solid #d8e5f5;border-radius:8px;background:#ffffff;color:#64748b;font-size:0.78rem;font-weight:700}.receipt-hero-metrics strong{color:#0f4aa2;font-size:1.35rem;line-height:1}.receipt-shell{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:22px;align-items:start;padding-top:22px;padding-bottom:36px}.receipt-workspace,.receipt-preview-column{min-width:0}.receipt-preview-column{position:sticky;top:18px;display:grid;gap:14px}.form-panel,.receipt-saved,.receipt-toolbar,.export-panel,.quality-panel,.totals-panel{border:1px solid #dce6f1;border-radius:8px;background:#ffffff;box-shadow:0 10px 24px rgba(15,23,42,0.05)}.form-panel,.receipt-saved{padding:18px;margin-bottom:14px}.receipt-toolbar,.export-panel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;margin-bottom:14px}.export-panel{margin-bottom:0}.section-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2,.quality-panel h2,.receipt-benchmark h2,.receipt-seo h2{margin:3px 0 0;color:#0f172a;font-size:1rem;line-height:1.25;font-weight:800}.receipt-benchmark h2,.receipt-seo h2{font-size:1.4rem}.sync-pill,.score-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:0.72rem;font-weight:800}.control-grid{display:grid;gap:12px;margin-bottom:12px}.control-grid:last-child{margin-bottom:0}.control-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.control-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-panel label,.logo-row label{display:block;color:#334155;font-size:0.78rem;font-weight:800}.form-panel input,.form-panel select,.form-panel textarea,.logo-row input{width:100%;min-height:42px;margin-top:6px;padding:9px 11px;border:1.5px solid #cbd7e5;border-radius:7px;background:#f8fafc;color:#0f172a;font:inherit;font-size:0.84rem}.form-panel textarea{min-height:108px;resize:vertical;line-height:1.5}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus,.logo-row input:focus{border-color:#0f6ddf;outline:0;box-shadow:0 0 0 3px rgba(15,109,223,0.14)}.field-note{margin:6px 0 0;color:#64748b;font-size:0.74rem;line-height:1.45}.logo-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:14px}.logo-box{display:flex;align-items:center;justify-content:center;width:76px;height:76px;overflow:hidden;border:1.5px dashed #b8c7db;border-radius:8px;background:#f8fafc;color:#94a3b8;font-size:0.76rem;font-weight:800}.logo-box img{display:block;max-width:100%;max-height:100%;object-fit:contain}.tool-button,.export-button,.file-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1.5px solid #cbd7e5;border-radius:7px;background:#ffffff;color:#0f172a;font:inherit;font-size:0.78rem;font-weight:800;text-decoration:none;cursor:pointer;transition:border-color 0.16s ease,color 0.16s ease,background 0.16s ease,transform 0.16s ease}.tool-button:hover,.export-button:hover,.file-button:hover{border-color:#0f6ddf;color:#0f4aa2;transform:translateY(-1px)}.tool-button.primary,.export-button.primary{border-color:#0f4aa2;background:#0f4aa2;color:#ffffff}.tool-button.quiet{background:#f8fafc;color:#475569}.mini-actions{display:flex;flex-wrap:wrap;gap:8px}.items-wrap{overflow-x:auto}.items-head,.item-row{display:grid;grid-template-columns:minmax(180px,2.2fr) minmax(70px,0.65fr) minmax(86px,0.7fr) minmax(100px,0.9fr) minmax(80px,0.7fr) 38px;gap:8px;align-items:end;min-width:680px}.items-head{margin-bottom:7px;color:#64748b;font-size:0.7rem;font-weight:800;letter-spacing:0.04em;text-transform:uppercase}.item-row{margin-bottom:8px}.item-row input{min-height:38px}.delete-item{width:38px;min-width:38px;min-height:38px;border:1.5px solid #fecaca;border-radius:7px;background:#fff5f5;color:#b91c1c;font-size:1rem;font-weight:900;cursor:pointer}.inline-toggle{display:flex;gap:8px;align-items:center;margin:2px 0 12px}.inline-toggle input{width:18px;min-height:18px;margin:0}.inline-toggle label{margin:0}.receipt-preview-frame{border:1px solid #dce6f1;border-radius:8px;background:#e8eef7;padding:14px;overflow:auto;box-shadow:0 10px 24px rgba(15,23,42,0.08)}.receipt-paper{width:100%;max-width:390px;min-height:540px;margin:0 auto;padding:28px 24px;background:#ffffff;color:#111827;border-radius:4px;box-shadow:0 14px 36px rgba(15,23,42,0.16);font-family:"DM Sans",Arial,sans-serif;position:relative;overflow:hidden}.receipt-paper.receipt-template-thermal{max-width:308px;border-radius:0;font-family:"Courier New",monospace;box-shadow:0 12px 28px rgba(15,23,42,0.14)}.receipt-paper.receipt-template-compact{max-width:360px;padding:22px 20px}.receipt-paper.receipt-template-tax{max-width:420px;border-top:6px solid #0f4aa2}.r-watermark{position:absolute;inset:45% auto auto 50%;transform:translate(-50%,-50%) rotate(-34deg);color:#0f172a;font-size:3.3rem;font-weight:900;letter-spacing:0.16em;opacity:0.06;text-transform:uppercase;white-space:nowrap;pointer-events:none}.r-head{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;padding-bottom:14px;border-bottom:2px solid #111827}.r-logo img{max-width:110px;max-height:54px;object-fit:contain}.r-type{color:#0f4aa2;font-size:0.72rem;font-weight:900;letter-spacing:0.12em;text-align:right;text-transform:uppercase}.r-biz{margin-top:8px;color:#111827;font-size:1.08rem;font-weight:900;line-height:1.25}.r-muted,.r-small{color:#64748b;font-size:0.72rem;line-height:1.45}.r-small{font-size:0.68rem}.r-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.r-box{border:1px solid #e5e7eb;border-radius:6px;padding:10px;background:#f8fafc}.r-label{display:block;margin-bottom:4px;color:#64748b;font-size:0.66rem;font-weight:900;letter-spacing:0.08em;text-transform:uppercase}.r-value{color:#111827;font-size:0.78rem;font-weight:800;line-height:1.45;word-break:break-word}.r-table{width:100%;margin:12px 0;border-collapse:collapse}.r-table th{padding:7px 0;border-bottom:1.5px solid #d1d5db;color:#64748b;font-size:0.64rem;font-weight:900;letter-spacing:0.05em;text-align:left;text-transform:uppercase}.r-table td{padding:8px 0;border-bottom:1px solid #edf2f7;color:#111827;font-size:0.76rem;line-height:1.35;vertical-align:top}.r-table th:nth-child(n+2),.r-table td:nth-child(n+2){text-align:right}.r-table .item-note{display:block;margin-top:2px;color:#64748b;font-size:0.66rem;font-weight:500}.r-totals{margin-left:auto;max-width:260px;font-size:0.78rem}.r-total-row{display:flex;justify-content:space-between;gap:16px;padding:4px 0;color:#475569}.r-total-row.final{margin-top:5px;padding-top:8px;border-top:2px solid #111827;color:#111827;font-size:1rem;font-weight:900}.r-payment,.r-note,.r-footer{margin-top:14px;border-top:1px dashed #cbd5e1;padding-top:12px}.r-payment{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.r-qr{display:flex;align-items:center;justify-content:center;width:86px;height:86px;border:1px solid #e2e8f0;border-radius:6px;background:#ffffff}.r-qr canvas,.r-qr img{max-width:74px;max-height:74px}.r-note{color:#475569;font-size:0.72rem;line-height:1.55;white-space:pre-wrap}.r-footer{display:flex;justify-content:space-between;gap:12px;color:#94a3b8;font-size:0.64rem;line-height:1.4}.quality-panel,.totals-panel{padding:16px}.score-row{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.quality-panel h2{font-size:1.7rem}.meter{height:9px;overflow:hidden;border-radius:999px;background:#e2e8f0}.meter span{display:block;width:0;height:100%;border-radius:inherit;background:#0f4aa2;transition:width 0.2s ease}.check-list{display:grid;gap:7px;margin-top:12px}.check-item{display:grid;grid-template-columns:20px 1fr;gap:8px;color:#475569;font-size:0.78rem;line-height:1.35}.check-item strong{color:#0f172a}.check-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#e2e8f0;color:#475569;font-size:0.68rem;font-weight:900}.check-item.ok .check-dot{background:#dcfce7;color:#166534}.totals-panel dl{display:grid;gap:8px;margin:0}.totals-panel div{display:flex;justify-content:space-between;gap:12px}.totals-panel dt{color:#64748b;font-size:0.76rem;font-weight:800}.totals-panel dd{margin:0;color:#0f172a;font-size:0.82rem;font-weight:900}.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.saved-card{border:1px solid #dce6f1;border-radius:8px;padding:11px;background:#f8fafc}.saved-card-title{color:#0f172a;font-size:0.82rem;font-weight:900}.saved-card-date{margin-top:3px;color:#64748b;font-size:0.72rem}.saved-card-actions{display:flex;gap:8px;margin-top:10px}.saved-card-actions button{flex:1;min-height:32px;border:1px solid #cbd7e5;border-radius:6px;background:#ffffff;color:#0f4aa2;font:inherit;font-size:0.72rem;font-weight:800;cursor:pointer}.file-input{display:none}.receipt-benchmark{background:#ffffff;border-top:1px solid #dce6f1;border-bottom:1px solid #dce6f1}.benchmark-inner{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;padding-top:36px;padding-bottom:36px}.benchmark-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.benchmark-grid article{padding:14px;border:1px solid #dce6f1;border-radius:8px;background:#f8fafc}.benchmark-grid strong{display:block;margin-bottom:5px;color:#0f172a;font-size:0.9rem}.benchmark-grid span{color:#475569;font-size:0.82rem;line-height:1.55}.receipt-seo{padding-top:42px;padding-bottom:48px}.receipt-seo p{max-width:860px;color:#475569;font-size:0.92rem;line-height:1.75}.faq-list{max-width:860px;margin-top:18px;border-top:1px solid #dce6f1}.faq-list details{border-bottom:1px solid #dce6f1;padding:14px 0}.faq-list summary{color:#0f172a;font-weight:900;cursor:pointer}.faq-list p{margin:8px 0 0}@media (max-width:1080px){.receipt-hero-grid,.receipt-shell,.benchmark-inner{grid-template-columns:1fr}.receipt-preview-column{position:static}.receipt-preview-frame{max-height:none}}@media (max-width:760px){.receipt-hero h1{font-size:2rem}.receipt-hero-metrics,.control-grid.two,.control-grid.three,.benchmark-grid{grid-template-columns:1fr}.logo-row{grid-template-columns:68px minmax(0,1fr)}.logo-row .tool-button{grid-column:1 / -1}.export-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.export-button,.file-button{flex:1 1 calc(50% - 8px)}.receipt-paper{max-width:100%;padding:22px 16px}.r-head,.r-grid,.r-payment{grid-template-columns:1fr}.r-type{text-align:left}}@media print{body *{visibility:hidden}.receipt-preview-frame,.receipt-preview-frame *,.receipt-paper,.receipt-paper *{visibility:visible}.receipt-preview-frame{position:absolute;inset:0;margin:0;padding:0;border:0;background:#ffffff;box-shadow:none}.receipt-paper{width:100%;max-width:100%;min-height:auto;border:0;box-shadow:none}}