:root{--bg:#0b1220;--panel:#ffffff0f;--panel-soft:#ffffff0a;--text:#ffffffeb;--muted:#ffffffa6;--line:#ffffff1f;--accent:#7c5cff;--shadow:0 20px 60px #00000059;--radius:18px}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 800px at 20% 10%, #7c5cff40, transparent 60%), radial-gradient(1000px 700px at 80% 20%, #00c8ff1f, transparent 55%), var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a101ecc;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brandLink{color:inherit;text-decoration:none}.logoMark{background:linear-gradient(135deg,#7c5cff,#00c8ff);border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.brandName{font-weight:900}.brandSub{color:var(--muted);font-size:12px}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:14px;align-items:center;padding:10px 16px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 10px 25px #7c5cff4d}.btn:hover{transform:translateY(-2px)}.btn.ghost{box-shadow:none;background:#ffffff14}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.homeWrap{gap:22px;width:min(1200px,100% - 44px);margin:24px auto;display:grid}.homeHero{padding:30px}.pill{border:1px solid var(--line);background:#ffffff14;border-radius:999px;padding:6px 12px;font-size:12px;display:inline-block}.homeTitle{margin:16px 0 10px;font-size:36px;line-height:1.1}.homeText{color:var(--muted);max-width:800px;line-height:1.6}.homeCtas{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.toolGrid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px;display:grid}.toolCard{border:1px solid var(--line);background:var(--panel-soft);color:inherit;border-radius:16px;padding:18px;text-decoration:none;transition:all .15s}.toolCard:hover{transform:translateY(-3px)}.invoiceWrap{gap:20px;width:min(1200px,100% - 44px);margin:24px auto;display:grid}.invoiceTitle{margin:0;font-size:28px}.invoiceText{color:var(--muted);max-width:800px;margin-top:8px;line-height:1.6}.grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:24px;display:grid}.formCard{padding:22px}.twoCol{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{gap:6px;margin-bottom:14px;display:grid}.field span{color:var(--muted);font-size:12px}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0d;border-radius:12px;padding:10px 12px}textarea{resize:vertical}.logoPreviewBox{border:1px solid var(--line);background:var(--panel-soft);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.logoPreviewImg{object-fit:contain;border-radius:8px;max-width:100%;max-height:120px}.table{border:1px solid var(--line);border-radius:14px;margin-top:12px;padding:14px}.thead,.trow4{grid-template-columns:.6fr 2fr .8fr 1fr 40px;align-items:center;gap:10px;display:grid}.amountCell{text-align:right;font-weight:700}.iconBtn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:10px}.previewCard{max-width:100%;padding:22px}.invoice{color:#111;background:#fff;border-radius:14px;width:100%;padding:24px;overflow:hidden}.invBrandBlock{gap:10px;display:grid}.invLogoBig{object-fit:contain;max-width:260px;max-height:80px}.invTitle{font-size:24px;font-weight:900}.invParties{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.box{white-space:pre-wrap;border:1px solid #eee;border-radius:12px;padding:12px}.invTable{border:1px solid #eee;border-radius:12px;margin-top:18px;overflow:hidden}.invHead4,.invRow4{grid-template-columns:.6fr 2fr .8fr 1fr;gap:12px;padding:12px;display:grid}.invHead4{background:#fafafa;font-weight:700}.right{text-align:right}.seoCard{padding:22px}.seoList{color:var(--muted);margin:10px 0 10px 20px}@media (width<=980px){.grid,.twoCol,.toolGrid,.invParties{grid-template-columns:1fr}.thead{display:none}.trow4{grid-template-columns:1fr;gap:10px}.amountCell{text-align:left}}.subhead{margin:18px 0 10px}.btn.small{border-radius:12px;padding:8px 12px;font-size:13px}.hint{color:var(--muted);font-size:12px}.logoPreviewInner{gap:10px;display:grid}.logoPreviewEmpty{color:var(--muted);font-size:13px}.toggles{flex-wrap:wrap;gap:14px;margin:12px 0;display:flex}.check{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.check.inline{margin-top:8px}.totalsGrid{gap:14px;display:grid}.summaryCol{gap:10px;display:grid}.summaryBox{border:1px solid var(--line);background:#ffffff08;border-radius:14px;padding:14px}.sumRow{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:8px 0;display:flex}.sumRow:last-child{border-bottom:0}.sumRow.total strong{font-size:18px}.pdfWrap{width:100%}.invTop{justify-content:space-between;gap:16px;display:flex}.invMeta{gap:6px;min-width:220px;display:grid}.metaRow{justify-content:space-between;gap:12px;font-size:13px;display:flex}.metaRow span{color:#444}.metaRow strong{font-weight:800}.label{color:#555;margin-bottom:6px;font-size:12px;font-weight:700}.invTotalsWrap{justify-content:flex-end;margin-top:16px;display:flex}.invTotalsBox{background:#fff;border:1px solid #eee;border-radius:12px;width:min(320px,100%);padding:12px}.invTotRow{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.invTotRow:last-child{border-bottom:0}.invTotRowTotal strong{font-size:16px}.invNotesTerms{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.invNoteBox{white-space:pre-wrap;color:#111;border:1px solid #eee;border-radius:12px;min-height:72px;padding:12px;font-size:13px}@media (width<=980px){.invTop{flex-direction:column}.invMeta{min-width:0}.invNotesTerms{grid-template-columns:1fr}}