html,body,#root{min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{color:#0f172a;background:#eef2f7;margin:0}button,input,select{font:inherit}.invoice-page{max-width:1180px;margin:0 auto;padding:34px 20px 56px}.invoice-header{text-align:center;margin-bottom:34px}.invoice-header h1{color:#0f172a;margin:0;font-size:4rem;line-height:1}.invoice-header p{color:#475569;max-width:780px;margin:16px auto 0;font-size:1.15rem;line-height:1.5}.invoice-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.card{background:#fff;border:1px solid #dbe4ef;border-radius:24px;padding:28px;box-shadow:0 18px 45px #0f172a14}.card h2{color:#0f172a;text-align:center;margin:0 0 22px;font-size:1.4rem}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid>input,.form-grid>label:last-child{grid-column:1/-1}.form-grid label{color:#334155;gap:7px;font-weight:700;display:grid}input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:100%;padding:14px 16px;font-size:1rem}input::placeholder{color:#64748b}input:focus{border-color:#2563eb;outline:4px solid #2563eb29}.preview-box{background:#fff;border:1px solid #dbe4ef;border-radius:22px;padding:28px}.preview-top{border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:20px;margin-bottom:24px;padding-bottom:22px;display:flex}.preview-brand h3{color:#0f172a;margin:0 0 8px;font-size:2rem}.invoice-number{color:#475569;margin:0;font-weight:700}.preview-meta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;min-width:180px;padding:14px 16px}.meta-row{gap:4px;display:grid}.meta-row+.meta-row{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.meta-row span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.meta-row strong{color:#0f172a}.preview-addresses{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.info-box strong{color:#0f172a;margin-bottom:8px;display:block}.info-box p{color:#475569;margin:6px 0}.invoice-row{border-bottom:1px solid #e2e8f0;grid-template-columns:2fr .7fr 1fr 1fr;align-items:center;gap:12px;padding:14px 0;display:grid}.invoice-row span:not(:first-child){text-align:right}.invoice-row-head{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:6px;padding:12px 14px;font-weight:800}.totals-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;width:280px;margin-top:24px;margin-left:auto;padding:18px}.totals-box p,.totals-box h3{justify-content:space-between;gap:12px;margin:0;display:flex}.totals-box p{color:#475569;padding:8px 0}.totals-box p+p{border-top:1px solid #e2e8f0}.totals-box h3{color:#0f172a;border-top:1px solid #cbd5e1;margin-top:12px;padding-top:14px;font-size:1.5rem}.items-card{margin-top:24px}.item-helper-text{color:#475569;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;max-width:720px;margin:0 auto 22px;padding:14px 18px;font-size:.95rem;line-height:1.45}.item-helper-text strong{color:#0f172a}.item-label-row{color:#334155;grid-template-columns:minmax(0,2fr) 150px 200px 140px;gap:14px;margin-bottom:10px;padding:0 6px;font-size:.9rem;font-weight:800;display:grid}.item-input-row{grid-template-columns:minmax(0,2fr) 150px 200px 140px;align-items:center;gap:14px;margin-bottom:12px;display:grid}.items-card .button-row{margin-top:24px}.button-row{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:14px;padding:13px 20px;font-weight:800}button:hover{background:#1e293b}.secondary-btn{color:#0f172a;background:#e2e8f0}.secondary-btn:hover{background:#cbd5e1}.danger-btn{color:#991b1b;background:#fee2e2}.danger-btn:hover{background:#fecaca}.seo-section{background:#fff;border:1px solid #dbe4ef;border-radius:24px;max-width:920px;margin:42px auto 0;padding:34px;box-shadow:0 18px 45px #0f172a0f}.seo-section h2{color:#0f172a;letter-spacing:-.03em;margin:0 0 16px;font-size:2rem}.seo-section h3{color:#0f172a;margin:26px 0 10px;font-size:1.25rem}.seo-section p{color:#475569;margin:0;font-size:1.05rem;line-height:1.7}.preview-actions{justify-content:flex-end;margin-top:16px;display:flex}.download-btn{color:#0f172a;box-shadow:none;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:10px 16px;font-size:.95rem;font-weight:700}.download-btn:hover{background:#eef2f7;border-color:#94a3b8}@media (width<=900px){.invoice-grid{grid-template-columns:1fr}.item-label-row{display:none}.item-input-row{grid-template-columns:1fr}.item-helper-text{text-align:left}}@media (width<=620px){.invoice-header h1{font-size:2.5rem}.form-grid{grid-template-columns:1fr}.preview-top{flex-direction:column}.preview-meta{width:100%}.preview-addresses{grid-template-columns:1fr}.totals-box{width:100%}}