*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1e293b;background:#f1f5f9;line-height:1.55}
a{color:#4f46e5}header.top{background:#0f172a;color:#fff;padding:.9rem 1.2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
header.top a{color:#fff;text-decoration:none}.brand{font-weight:800;font-size:1.25rem}.brand span{color:#a5b4fc}header.top nav a{margin-left:1rem;font-size:.92rem;opacity:.9}
.hero{text-align:center;padding:2rem 1rem 1rem}.hero h1{margin:.2rem 0;font-size:2rem}.hero p{color:#475569;margin:0}
.app{display:grid;grid-template-columns:minmax(320px,460px) 1fr;gap:1.2rem;max-width:1300px;margin:1rem auto;padding:0 1rem}
@media(max-width:900px){.app{grid-template-columns:1fr}}
.panel{background:#fff;border-radius:14px;box-shadow:0 1px 8px #0f172a14;padding:1.1rem}
fieldset{border:0;border-top:1px solid #e2e8f0;padding:.8rem 0 0;margin:0 0 .8rem}legend{font-weight:700;font-size:.95rem;padding-right:.4rem}
label{display:block;font-size:.8rem;color:#475569;margin-top:.45rem}input,select,textarea{width:100%;padding:.5rem .6rem;border:1px solid #cbd5e1;border-radius:8px;font:inherit;font-size:.92rem}
textarea{min-height:60px}.row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.items .it{display:grid;grid-template-columns:1fr 60px 80px 56px 28px;gap:.35rem;margin-top:.4rem}
.btn{background:#4f46e5;color:#fff;border:0;border-radius:9px;padding:.65rem 1.1rem;font-weight:600;cursor:pointer;font-size:.95rem}.btn.alt{background:#e2e8f0;color:#1e293b}.btn.sm{padding:.3rem .6rem;font-size:.85rem}
.x{background:#fee2e2;border:0;border-radius:6px;cursor:pointer;color:#b91c1c}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem;align-items:center}
.tpls button{margin-right:.3rem}.tpls button.on{background:#4f46e5;color:#fff}
.premium{background:linear-gradient(135deg,#eef2ff,#fdf4ff);border:1px dashed #a5b4fc;border-radius:12px;padding:1rem;margin-top:1rem}
#preview-wrap{overflow:auto}#invoice{width:794px;min-height:1080px;background:#fff;margin:auto;padding:56px;font-size:13px;color:#111827}
.inv-head{display:flex;justify-content:space-between;align-items:flex-start}.inv-head img{max-height:70px;max-width:200px}.inv-title{font-size:30px;font-weight:800;letter-spacing:1px}
.inv-meta td{padding:1px 0 1px 12px;text-align:right}.parties{display:flex;justify-content:space-between;margin:32px 0 22px;gap:24px}.parties div{white-space:pre-line;flex:1}.lbl{font-size:11px;text-transform:uppercase;color:#6b7280;letter-spacing:.5px;margin-bottom:4px}
table.lines{width:100%;border-collapse:collapse}table.lines th{text-align:left;font-size:11px;text-transform:uppercase;padding:8px;border-bottom:2px solid #111827}table.lines td{padding:8px;border-bottom:1px solid #e5e7eb}.r{text-align:right}
.totals{margin-left:auto;width:280px;margin-top:14px}.totals div{display:flex;justify-content:space-between;padding:4px 8px}.totals .grand{font-weight:800;font-size:16px;border-top:2px solid #111827;margin-top:4px;padding-top:8px}
.notes{margin-top:34px;white-space:pre-line;color:#374151}.vatnote{margin-top:10px;font-size:12px;color:#374151}
.t-modern .inv-title{color:#4f46e5}.t-modern table.lines th{background:#4f46e5;color:#fff;border:0}.t-modern .grand{color:#4f46e5;border-color:#4f46e5!important}
.t-minimal{font-family:Georgia,serif}.t-minimal .inv-title{font-weight:400;font-size:26px;letter-spacing:4px;text-transform:uppercase}.t-minimal table.lines th{border-bottom:1px solid #9ca3af;font-weight:400}
main.content{max-width:780px;margin:1.5rem auto;padding:0 1rem}main.content article{background:#fff;border-radius:14px;padding:1.5rem 1.8rem;box-shadow:0 1px 8px #0f172a14}
.info{max-width:1300px;margin:1.5rem auto;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
footer{text-align:center;color:#64748b;font-size:.85rem;padding:2rem 1rem}