:root{color-scheme:light;--bg: #0b0f1a;--panel: rgba(255, 255, 255, .08);--panel-2: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .9);--muted: rgba(255, 255, 255, .65);--border: rgba(255, 255, 255, .16);--accent: #4f46e5;--danger: #ff5d5d;--ok: #34d399;--blue: #3b82f6;--paper: rgba(255, 255, 255, .06);--shadow: rgba(0, 0, 0, .35);--focus: rgba(79, 70, 229, .85);--brand-color: #4f46e5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;font-family:Manrope,Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}*:focus-visible{outline:3px solid var(--focus);outline-offset:2px}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(900px 600px at 20% 10%,rgba(255,209,102,.26),transparent 55%),radial-gradient(800px 600px at 85% 30%,rgba(59,130,246,.2),transparent 52%),linear-gradient(180deg,#070a12,#0b0f1a 55%,#070a12)}a{color:inherit}.wrap{max-width:1440px;margin:0 auto;padding:var(--space-7) var(--space-5) 52px}.shell{min-height:100%;display:flex;flex-direction:column}.hdr{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070a128c;border-bottom:1px solid rgba(255,255,255,.1)}.hdrInner{max-width:1440px;margin:0 auto;padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brandMark{width:42px;height:42px;border-radius:var(--radius-sm);display:block;object-fit:contain;background:linear-gradient(135deg,#4f46e540,#3b82f638);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 28px var(--shadow)}.brandName{font-size:14px;font-weight:700;letter-spacing:.01em}.brandTag{font-size:12px;color:var(--muted)}.nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.main{flex:1}.container{max-width:1440px;margin:0 auto;padding:var(--space-6) var(--space-5) 44px}.pageTitle{margin:0 0 12px;font-size:32px;letter-spacing:-.02em}.ftr{border-top:1px solid rgba(255,255,255,.1);background:#070a1259}.ftrInner{max-width:1440px;margin:0 auto;padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ftrRight{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.brand h1{font-size:28px;line-height:1.1;margin:0;letter-spacing:-.02em}.brand p{margin:6px 0 0;color:var(--muted);font-size:14px}.actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 10px 30px var(--shadow);line-height:1.25}.btn:hover{background:var(--panel-2)}.btn.primary{border-color:color-mix(in srgb,var(--brand-color) 55%,white 45%);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-color) 22%,transparent),color-mix(in srgb,var(--brand-color) 10%,transparent))}.btn.ok{border-color:#34d39980;background:linear-gradient(180deg,#34d3992e,#34d39914)}.link{color:#ffffffd9;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22)}.link:hover{border-bottom-color:color-mix(in srgb,var(--brand-color) 55%,white 45%)}.linkBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;color:#ffffffd9;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.22);font:inherit}.linkBtn:hover{border-bottom-color:color-mix(in srgb,var(--brand-color) 55%,white 45%)}.fine{font-size:12px;color:#ffffffc7;line-height:1.4}.fineMuted{font-size:12px;color:#ffffff9e;line-height:1.4}.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--space-5)}@media(max-width:900px){.grid{grid-template-columns:1fr}}.panel{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius-md);box-shadow:0 18px 42px var(--shadow);overflow:hidden}.panel .hd{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.panel .hd h2{margin:0;font-size:16px;font-weight:650;letter-spacing:.02em}.panel .bd{padding:var(--space-6)}.row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media(max-width:520px){.row{grid-template-columns:1fr}}label{display:block;font-size:12px;color:var(--muted);margin-bottom:var(--space-2);letter-spacing:.02em}input,textarea,select{width:100%;border:1px solid rgba(255,255,255,.16);background:#00000038;color:var(--text);padding:11px 12px;border-radius:var(--radius-sm);outline:none;font:inherit;line-height:1.4}textarea{resize:vertical;min-height:92px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top}th{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.num{text-align:right;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0000002e;color:var(--muted);font-size:12px}.cookieBanner{position:fixed;left:0;right:0;bottom:0;padding:14px;display:flex;justify-content:center;z-index:50}.cookieCard{width:min(900px,100%);border:1px solid rgba(255,255,255,.16);background:#0b0f1aeb;border-radius:var(--radius-md);box-shadow:0 24px 60px #0000008c;padding:var(--space-5)}.cookieTitle{font-size:14px;font-weight:700;letter-spacing:.01em;margin-bottom:6px}.cookieText{font-size:13px;color:#ffffffbf;line-height:1.35}.cookieActions{margin-top:10px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000094;display:grid;place-items:center;padding:18px;z-index:60}.modalCard{width:min(720px,100%);border:1px solid rgba(255,255,255,.16);background:#0b0f1aeb;border-radius:var(--radius-md);box-shadow:0 24px 60px #0009;overflow:hidden}.modalHd{padding:var(--space-5);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:10px}.modalTitle{font-size:14px;font-weight:700;letter-spacing:.01em}.iconBtn{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.14);background:#00000040;color:#ffffffd9;cursor:pointer;font-size:20px;line-height:1}.modalBd{padding:var(--space-5)}.settingRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.settingName{font-size:13px;font-weight:700;margin-bottom:4px}.settingDesc{font-size:12px;color:#ffffffa6;line-height:1.35}.settingActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.totals{display:grid;gap:8px}.totalRow{display:flex;justify-content:space-between;gap:10px;font-variant-numeric:tabular-nums}.totalRow strong{color:var(--brand-color)}.danger{border-color:#ff5d5d8c;color:#ffffffe6;background:#ff5d5d1a}.invoiceHd{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.invoiceHdTitle{display:flex;gap:var(--space-3);align-items:flex-start}.invoiceHdTitle p{margin:4px 0 0}.invoiceMiniMark{width:34px;height:34px;border-radius:9px;object-fit:contain}.invoiceForm{display:grid;gap:var(--space-6);font-size:.92rem}.invoiceSection{display:grid;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.08)}.invoiceSection:last-child{padding-bottom:0;border-bottom:0}.sectionTitleRow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.sectionTitle{margin:0;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--brand-color) 75%,white 25%)}.logoPreviewRow{margin-top:var(--space-2);display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.logoThumb{width:42px;height:42px;object-fit:contain;border-radius:9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15)}.pillTall{min-height:44px;justify-content:space-between}.itemsTableWrap{overflow-x:auto}.itemsTable{min-width:940px;table-layout:fixed}.itemsTable th{background:#ffffff0a}.descCell{text-align:left}.itemDescInput{min-height:56px;resize:vertical;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.itemsActions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.totalsRowWrap{align-items:start}.totalsInputs,.totalsSummary{padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);background:#00000029}.totalsSummary .totalRow{min-height:26px}.totalStrongRow strong{color:#fffffff2}.totalAccentRow strong{color:var(--brand-color)}.swatchGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.swatchBtn{height:34px;border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 6px 14px #00000038}.swatchBtn.selected{border-color:#fffffff2;box-shadow:0 0 0 2px #00000059,0 0 0 4px color-mix(in srgb,var(--brand-color) 65%,white 35%)}.previewPanel .hd h2{font-size:15px}.previewBody{padding:var(--space-5)}.previewPaper{background:#fffffff5;color:#0b1220;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px #00000059;padding:20px;display:grid;gap:14px;font-size:.92rem}.previewHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.previewHeaderLeft{display:flex;gap:10px;align-items:flex-start}.previewLogo{width:48px;height:48px;object-fit:contain}.previewTitle{margin:0 0 4px;font-size:1.32rem;color:var(--brand-color);font-weight:800}.previewMuted{color:#5f6b7a;font-size:.8rem;line-height:1.32}.previewMetaBox{min-width:210px;border:1px solid #e5e7eb;border-radius:8px;padding:10px;display:grid;gap:6px}.previewMetaRow{display:flex;justify-content:space-between;gap:8px;font-size:.79rem}.previewMetaRow span{color:#6b7280}.previewPartyGrid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.previewBlock{border:1px solid #e5e7eb;border-top:3px solid var(--brand-color);border-radius:8px;padding:10px;display:grid;gap:6px}.previewBlock h4{margin:0;font-size:.74rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.previewBlock p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#0b1220;line-height:1.35}.previewPayBlock{border-color:color-mix(in srgb,var(--brand-color) 48%,#d1d5db 52%)}.previewTableWrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.previewTable{width:100%;border-collapse:collapse;min-width:640px}.previewTable th,.previewTable td{padding:8px;font-size:.79rem;border-bottom:1px solid #eef2f7;color:#0b1220}.previewTable th{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc}.previewTotalsWrap{display:flex;justify-content:flex-end}.previewTotalsBox{width:min(100%,320px);border:1px solid #e5e7eb;border-radius:8px;padding:10px;display:grid;gap:6px}.previewTotalRow{display:flex;justify-content:space-between;gap:8px;font-size:.82rem;color:#0b1220}.previewTotalStrong{font-weight:700}.previewTotalAccent{color:var(--brand-color);font-weight:700}.previewWrap{white-space:normal;overflow-wrap:anywhere;text-align:left}.privateBadge{gap:var(--space-2);align-items:center;flex-wrap:wrap}.privateBadge strong{color:var(--brand-color)}.privateBadge .linkBtn{border-bottom-color:color-mix(in srgb,var(--brand-color) 45%,white 55%)}.fieldActionRow{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center}.fieldActionRow .btn{white-space:nowrap}.totalsInputs,.totalsSummary{align-content:start}.template-minimalist .panel{border-radius:var(--radius-md)}.template-creative .panel{border-radius:var(--radius-lg);border-style:dashed}.template-creative .sectionTitle{letter-spacing:.14em}.template-traditional .panel{border-radius:8px;border-width:2px}.template-traditional .sectionTitle{letter-spacing:.08em}.homeLayout{display:grid;gap:var(--space-6)}.homeHero .bd{display:grid;gap:var(--space-5)}.homeEyebrow{display:inline-flex;width:fit-content;margin-bottom:10px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0003;color:var(--muted);font-size:.76rem;letter-spacing:.03em}.homeTitle{margin:0;font-size:clamp(1.9rem,3.1vw,2.5rem);line-height:1.15}.homeSubtext{margin:0;font-size:1.02rem;color:#ffffffd4;line-height:1.55}.homeLead{margin:0;font-size:1rem;color:#ffffffd1;line-height:1.5}.homeHeroActions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.trustBlock .bd{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:start}.trustIcon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;border:1px solid color-mix(in srgb,var(--brand-color) 55%,white 45%);background:color-mix(in srgb,var(--brand-color) 18%,transparent)}.trustCopy h3{margin:0 0 8px;font-size:1.1rem}.trustCopy p{margin:0;color:#fffc;line-height:1.5;font-size:.95rem}.benefitGrid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.benefitItem{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);background:#0000002e;color:#ffffffdb;line-height:1.4}.benefitCheck{margin-top:1px;width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--brand-color) 18%,transparent);border:1px solid color-mix(in srgb,var(--brand-color) 55%,white 45%);color:color-mix(in srgb,var(--brand-color) 78%,white 22%);font-size:12px;flex-shrink:0}.roleGrid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.roleCard{display:grid;gap:8px;border:1px solid rgba(255,255,255,.15);background:#0003;border-radius:var(--radius-sm);padding:var(--space-5)}.roleCard strong{font-size:1rem}.homeCtaBand .bd{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}.homeCtaBand h3{margin:0 0 6px;font-size:1.18rem}.homeCtaBand p{margin:0;color:#ffffffc2;font-size:.9rem;line-height:1.45}@media(max-width:900px){.fieldActionRow{grid-template-columns:1fr}.swatchGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.previewHeader{flex-direction:column}.previewMetaBox{width:100%;min-width:0}.previewPartyGrid,.benefitGrid,.roleGrid,.trustBlock .bd{grid-template-columns:1fr}}