:root{--bg:#0b0e12;--header:#0f141b;--panel:#121821;--panel-contrast:#10161f;--elev:rgba(255,255,255,.04);--text:#eaf0f7;--text-dim:#a8b1c4;--text-muted:#8b95a7;--ink:#0f172a;--ink-dim:#475569;--border:#1f2a3a;--paper-border:#e5e7eb;--brand:#4f7cff;--brand-2:#7a5cff;--cta:#22c55e;--cta-2:#0ea858;--warn:#ef4444;--paper:#fff;--shadow-1:0 10px 30px rgba(0,0,0,.25);--shadow-2:0 16px 40px rgba(0,0,0,.35);--r-lg:16px;--r-md:12px;--r-sm:10px;--container:1200px}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 600px at 10% -10%,#0d1420 10%,transparent 65%)no-repeat,radial-gradient(900px 600px at 110% 10%,#10192a 10%,transparent 60%)no-repeat,var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.appHeader{z-index:40;-webkit-backdrop-filter:saturate(120%)blur(8px);backdrop-filter:saturate(120%)blur(8px);border-bottom:1px solid var(--border);background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.02));position:-webkit-sticky;position:sticky;top:0}.headerInner{max-width:var(--container);align-items:center;gap:14px;margin:0 auto;padding:14px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brandMark{background:conic-gradient(from 180deg at 50% 50%,var(--brand),var(--brand-2),var(--brand));border-radius:10px;width:36px;height:36px;box-shadow:inset 0 0 1px rgba(255,255,255,.4),0 6px 16px rgba(79,124,255,.35)}.brandText{flex-direction:column;display:flex}.brandTitle{letter-spacing:.2px;font-size:18px;font-weight:700}.brandSub{color:var(--text-dim);font-size:12px}.container{max-width:var(--container);margin:0 auto;padding:22px 18px 96px}.shell{grid-template-columns:380px 1fr;gap:18px;display:grid}@media (max-width:1020px){.shell{grid-template-columns:1fr}}.panel{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.02));overflow:hidden}.cardHeader{border-bottom:1px solid var(--border);background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.02));justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.cardTitle{letter-spacing:.2px;font-size:14px;font-weight:700}.cardBody{padding:16px}.sectionTitle{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:6px 0 8px;font-size:12px}.divider{background:var(--border);border:none;height:1px;margin:16px 0}.formGrid{gap:12px;display:grid}.formTwo{grid-template-columns:1fr 1fr}.formThree{grid-template-columns:1fr 1fr 1fr}@media (max-width:640px){.formTwo,.formThree{grid-template-columns:1fr}}.label{color:var(--text-muted);margin-bottom:6px;font-size:12px}.input,.textarea{border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--r-md);background:linear-gradient(#0c121b,#0a1018);outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus{border-color:rgba(79,124,255,.6);box-shadow:0 0 0 3px rgba(79,124,255,.18)}.textarea{resize:vertical;min-height:90px}.btnRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:linear-gradient(#0f1520,#0b111a);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;transition:transform 50ms,filter .2s,background .2s,border-color .2s}.button:hover{filter:brightness(1.05)}.button:active{transform:translateY(1px)}.button.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:none;box-shadow:0 6px 20px rgba(79,124,255,.35)}.button.success{background:linear-gradient(135deg,var(--cta),var(--cta-2));color:#fff;border:none;box-shadow:0 6px 20px rgba(34,197,94,.3)}.button.ghost{background:0 0}.stickyActions{z-index:20;border-top:1px solid var(--border);background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.02));flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:12px 16px;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.previewWrap{padding:18px}.previewInner{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);background:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.01));padding:18px}.invoicePaper{color:var(--ink);border:1px solid var(--paper-border);border-radius:14px;width:744px;max-width:744px;margin:0 auto;padding:28px;line-height:1.45;background:var(--paper)!important}.invHeader{border-bottom:1px solid var(--paper-border);grid-template-columns:1fr auto;gap:12px;padding-bottom:14px;display:grid}.invBrand{align-items:center;gap:12px;display:flex}.invMark{background:linear-gradient(135deg,#5b9cff,#7c4dff);border-radius:10px;width:48px;height:48px}.invTitle{letter-spacing:.2px;font-size:22px;font-weight:800}.invMeta{text-align:right;color:var(--ink-dim);font-size:13px}.kv{color:var(--ink-dim);font-size:12px}.kv strong{color:var(--ink)}.invSection{margin-top:16px}.invRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.invRight{text-align:right}@media (max-width:640px){.invRow{grid-template-columns:1fr}.invRight{text-align:left}}.table{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.table thead th{color:#111827;text-align:left;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:10px;font-weight:700}.table td{border-bottom:1px solid #e5e7eb;padding:10px}.amount{text-align:right}.totals{gap:6px;width:100%;max-width:380px;margin-top:12px;margin-left:auto;display:grid}.totalRow{justify-content:space-between;align-items:center;font-size:14px;display:flex}.totalRow strong{font-weight:800}.note{color:var(--ink-dim);margin-top:12px;font-size:12px}.invFooter{color:var(--ink-dim);border-top:1px solid #e5e7eb;justify-content:space-between;margin-top:16px;padding-top:12px;font-size:12px;display:flex}@media (max-width:640px){.invFooter{flex-direction:column;gap:6px}}@media print{html,body{color:#000;background:#fff!important}.appHeader,.stickyActions{display:none!important}.panel,.previewWrap,.previewInner{box-shadow:none!important;border:0!important}.invoicePaper{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:744px!important;max-width:744px!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important}}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.help{color:var(--text-muted);font-size:12px}.page-break-before{break-before:page;page-break-before:always}.page-break-after{break-after:page;page-break-after:always}.avoid-break{break-inside:avoid;page-break-inside:avoid}.invoicePaper{box-sizing:border-box;width:var(--pdf-content-width,794px);max-width:100%}@media screen{.invoicePaper{border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25)}}@media print{.invoicePaper{width:190mm;box-shadow:none;border-radius:0}}