[data-hub=true]{--hub-bg:#F3F6FA;--hub-panel:#FFFFFF;--hub-secondary-panel:#F8FAFC;--hub-border:#E2E8F0;--hub-input-border:#CBD5E1;--hub-heading:#111827;--hub-body:#475569;--hub-muted:#64748B;--hub-accent:#2563EB;--hub-accent-hover:#1D4ED8;--hub-accent-bg:#EFF6FF;--hub-orange:#FF6A00;--hub-dark-navy:#0B1320;--hub-success:#16A34A;--hub-warning:#D97706;--hub-danger:#DC2626;--hub-zoid-bg:#FFF8F3;--hub-zoid-border:rgba(255,106,0,0.22);--hub-control-radius:0.95rem;--hub-control-height:2.5rem;--hub-card-radius:1.25rem;--hub-card-shadow:0 4px 12px rgba(15,23,42,0.06),0 1px 3px rgba(15,23,42,0.06)}[data-hub=true] body,body[data-hub=true]{background:var(--hub-bg);color:var(--hub-heading)}[data-hub=true] .hub-header{background:var(--hub-panel);border-bottom-color:var(--hub-border);backdrop-filter:none;box-shadow:0 1px 4px rgba(15,23,42,.06),0 0 1px rgba(15,23,42,.04)}[data-hub=true] .hub-logo-link span:first-child{background-color:var(--hub-dark-navy);color:#ffffff}[data-hub=true] .hub-logo-link{--tw-ring-offset-color:var(--hub-panel)}[data-hub=true] .hub-logo-text{color:var(--hub-heading)}[data-hub=true] .hub-mobile-nav{border-top-color:var(--hub-border)}[data-hub=true] .hub-bottom-nav-bar{background:var(--hub-panel);border-top-color:var(--hub-border);backdrop-filter:none;box-shadow:0 -1px 4px rgba(15,23,42,.06)}[data-hub=true] .hub-bottom-nav-bar [aria-current=page]{color:var(--hub-accent)}[data-hub=true] .hub-nav-link{color:var(--hub-muted)}[data-hub=true] .hub-nav-link:hover{color:var(--hub-heading)}[data-hub=true] .hub-nav-link-active{border-bottom:2px solid var(--hub-accent);color:var(--hub-heading)}[data-hub=true] .hub-section{padding-top:2rem;padding-bottom:3rem}[data-hub=true] .hub-eyebrow{color:var(--hub-accent);font-size:.75rem;font-weight:600;letter-spacing:.12em}[data-hub=true] .hub-secondary-eyebrow{color:var(--hub-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em}[data-hub=true] .hub-page-title{color:var(--hub-heading);font-size:1.875rem;font-weight:600;letter-spacing:-.02em}[data-hub=true] .hub-page-description{color:var(--hub-body)}[data-hub=true] .hub-pill-nav{background:var(--hub-panel);border-color:var(--hub-border);color:var(--hub-muted)}[data-hub=true] .hub-pill-nav-active,[data-hub=true] .hub-pill-nav:hover{border-color:var(--hub-accent);color:var(--hub-heading)}[data-hub=true] .hub-pill-nav-active{background:var(--hub-secondary-panel)}[data-hub=true] .glass{background:var(--hub-panel);border:1px solid var(--hub-border);box-shadow:0 4px 12px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.08);backdrop-filter:none}[data-hub=true] .hub-card{padding:1.75rem}[data-hub=true] .hub-muted-panel{background:var(--hub-secondary-panel);border:1px solid var(--hub-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);color:var(--hub-heading)}[data-hub=true] .hub-zoid-panel{background:var(--hub-zoid-bg);border-color:var(--hub-zoid-border)}[data-hub=true] .glass:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.1);border-color:var(--hub-input-border)}[data-hub=true] .hub-muted-panel:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.08);border-color:var(--hub-accent)}[data-hub=true] .text-white{color:var(--hub-heading)}[data-hub=true] .text-slate-200,[data-hub=true] .text-slate-300{color:var(--hub-body)}[data-hub=true] .text-slate-400,[data-hub=true] .text-slate-500{color:var(--hub-muted)}[data-hub=true] .text-cyan-100,[data-hub=true] .text-cyan-200,[data-hub=true] .text-cyan-300{color:var(--hub-accent)}[data-hub=true] a.bg-\[\#ff6a00\].text-white,[data-hub=true] a.bg-\[\#ff7f22\].text-white,[data-hub=true] button.bg-\[\#ff6a00\].text-white,[data-hub=true] button.bg-\[\#ff7f22\].text-white{color:#ffffff}[data-hub=true] .text-\[\#ffb27b\]{color:var(--hub-orange)}[data-hub=true] .text-cyan-50{color:var(--hub-heading)}[data-hub=true] .text-emerald-50{color:#14532D}[data-hub=true] .text-emerald-100,[data-hub=true] .text-emerald-200{color:#16A34A}[data-hub=true] .bg-white\/3,[data-hub=true] .bg-white\/4,[data-hub=true] .bg-white\/5,[data-hub=true] .bg-white\/\[0\.03\],[data-hub=true] .bg-white\/\[0\.04\],[data-hub=true] .bg-white\/\[0\.05\]{background-color:var(--hub-secondary-panel)}[data-hub=true] .bg-white\/10{background-color:var(--hub-border)}[data-hub=true] .border-white\/10,[data-hub=true] .border-white\/15,[data-hub=true] .border-white\/20{border-color:var(--hub-border)}[data-hub=true] .hover\:border-white\/30:hover{border-color:#94A3B8}[data-hub=true] .hub-form-input,[data-hub=true] input[type=date],[data-hub=true] input[type=email],[data-hub=true] input[type=number],[data-hub=true] input[type=tel],[data-hub=true] input[type=text],[data-hub=true] input[type=time],[data-hub=true] input[type=url],[data-hub=true] select,[data-hub=true] textarea{background:var(--hub-panel);border:1px solid var(--hub-input-border);color:var(--hub-heading)}[data-hub=true] input::placeholder,[data-hub=true] textarea::placeholder{color:var(--hub-muted);opacity:.8}[data-hub=true] :is(input,select,textarea):focus-visible{border-color:var(--hub-accent);box-shadow:0 0 0 3px rgba(37,99,235,.18);outline:none}[data-hub=true] table{background:var(--hub-panel);color:var(--hub-heading)}[data-hub=true] th{color:var(--hub-muted)}[data-hub=true] td{color:var(--hub-heading)}[data-hub=true] a.bg-cyan-300,[data-hub=true] button.bg-cyan-300{background-color:var(--hub-accent);color:#ffffff;box-shadow:0 4px 10px rgba(37,99,235,.25)}[data-hub=true] a.bg-cyan-300:hover,[data-hub=true] button.bg-cyan-300:hover{background-color:var(--hub-accent-hover);box-shadow:0 6px 16px rgba(37,99,235,.35)}[data-hub=true] a.bg-cyan-300.text-slate-950,[data-hub=true] button.bg-cyan-300.text-slate-950{color:#ffffff}[data-hub=true] a.bg-\[\#ff6a00\],[data-hub=true] button.bg-\[\#ff6a00\]{box-shadow:0 4px 10px rgba(255,106,0,.3)}[data-hub=true] a.bg-\[\#ff6a00\]:hover,[data-hub=true] button.bg-\[\#ff6a00\]:hover{box-shadow:0 6px 18px rgba(255,106,0,.4)}[data-hub=true] a.border-white\/10:not([class*="bg-\[#ff"]):not([class*=bg-cyan]),[data-hub=true] button.border-white\/10:not([class*="bg-\[#ff"]):not([class*=bg-cyan]){background:var(--hub-panel);border-color:var(--hub-border);color:var(--hub-heading)}[data-hub=true] a.border-white\/10:not([class*="bg-\[#ff"]):not([class*=bg-cyan]):hover,[data-hub=true] button.border-white\/10:not([class*="bg-\[#ff"]):not([class*=bg-cyan]):hover{background:var(--hub-secondary-panel);border-color:#94A3B8}[data-hub=true] a.border-cyan-300\/35,[data-hub=true] button.border-cyan-300\/35{background:var(--hub-panel);border-color:var(--hub-accent);color:var(--hub-accent)}[data-hub=true] a.border-cyan-300\/35:hover,[data-hub=true] button.border-cyan-300\/35:hover{background:rgba(37,99,235,.06)}[data-hub=true] .bg-\[\#07111e\]{background-color:var(--hub-secondary-panel)}[data-hub=true] .bg-\[\#020617\]{background-color:var(--hub-panel)}[data-hub=true] .bg-\[\#05070b\]\/90{background-color:rgba(248,250,252,.96)}[data-hub=true] .bg-black\/20{background-color:var(--hub-secondary-panel)}[data-hub=true] .bg-\[\#00e5ff\]\/10,[data-hub=true] .bg-\[\#00e5ff\]\/12,[data-hub=true] .bg-\[\#00e5ff\]\/15,[data-hub=true] .bg-cyan-300\/10,[data-hub=true] .bg-cyan-300\/15{background-color:#EFF6FF}[data-hub=true] .bg-\[\#00e5ff\],[data-hub=true] .bg-cyan-300{background-color:var(--hub-accent)}[data-hub=true] .border-\[\#00e5ff\]\/20,[data-hub=true] .border-\[\#00e5ff\]\/30,[data-hub=true] .border-\[\#00e5ff\]\/35,[data-hub=true] .border-\[\#00e5ff\]\/50,[data-hub=true] .border-cyan-300\/25,[data-hub=true] .border-cyan-300\/30,[data-hub=true] .border-cyan-300\/60{border-color:var(--hub-accent)}[data-hub=true] .border-white\/15{border-color:var(--hub-border)}[data-hub=true] .hover\:border-cyan-300:hover{border-color:var(--hub-accent)}[data-hub=true] .hover\:bg-cyan-300\/20:hover{background-color:rgba(37,99,235,.1)}[data-hub=true] .text-\[\#00e5ff\],[data-hub=true] .text-\[\#8ff5ff\]{color:var(--hub-accent)}[data-hub=true] .text-cyan-50\/90{color:var(--hub-body)}[data-hub=true] .bg-emerald-300\/10{background-color:#F0FDF4}[data-hub=true] .bg-emerald-300\/20{background-color:#DCFCE7}[data-hub=true] .border-emerald-300\/20,[data-hub=true] .border-emerald-300\/25,[data-hub=true] .border-emerald-300\/30{border-color:#BBF7D0}[data-hub=true] .bg-rose-300\/10{background-color:#FFF1F2}[data-hub=true] .border-rose-300\/20,[data-hub=true] .border-rose-300\/25,[data-hub=true] .border-rose-300\/30{border-color:#FECACA}[data-hub=true] .text-rose-100,[data-hub=true] .text-rose-200{color:#DC2626}[data-hub=true] .bg-amber-300\/10{background-color:#FFFBEB}[data-hub=true] .border-amber-300\/25,[data-hub=true] .border-amber-300\/30{border-color:#FDE68A}[data-hub=true] .text-amber-50{color:#92400E}[data-hub=true] .text-amber-100,[data-hub=true] .text-amber-200{color:#D97706}[data-hub=true] .bg-slate-300\/10{background-color:#F1F5F9}[data-hub=true] .border-slate-300\/25{border-color:#CBD5E1}[data-hub=true] .bg-slate-950{background-color:var(--hub-panel);color:var(--hub-heading)}[data-hub=true] button.bg-white,[data-hub=true] button.bg-white:not([class*=text-slate-950]){background-color:var(--hub-accent);color:#ffffff;box-shadow:0 4px 10px rgba(37,99,235,.25)}[data-hub=true] button.bg-white:hover{background-color:var(--hub-accent-hover);box-shadow:0 6px 16px rgba(37,99,235,.35)}[data-hub=true] button.bg-white.text-slate-950{background-color:var(--hub-accent);color:#ffffff}[data-hub=true] .bg-\[\#ff6a00\]\/10,[data-hub=true] .bg-\[\#ff6a00\]\/15{background-color:#FFF8F3}[data-hub=true] .bg-\[\#ff6a00\]\/20{background-color:#FFE8D6}[data-hub=true] .border-\[\#ff6a00\]\/25,[data-hub=true] .border-\[\#ff6a00\]\/30{border-color:rgba(255,106,0,.3)}[data-hub=true] .bg-orange-300\/15{background-color:#FFF7ED}[data-hub=true] .text-orange-100{color:#C2410C}[data-hub=true] .text-slate-100{color:var(--hub-body)}[data-hub=true] .hover\:text-white:hover{color:var(--hub-heading)}[data-hub=true] .bg-slate-950\/50,[data-hub=true] .bg-slate-950\/60,[data-hub=true] .bg-slate-950\/70,[data-hub=true] .bg-slate-950\/80,[data-hub=true] .bg-slate-950\/95{background-color:var(--hub-secondary-panel)}[data-hub=true] select{background-color:var(--hub-panel);color:var(--hub-heading);border-color:var(--hub-input-border)}[data-hub=true] .hover\:bg-orange-400\/10:hover{background-color:#FFF7ED}[data-hub=true] .glass,[data-hub=true] .hub-muted-panel{border-radius:var(--hub-card-radius);box-shadow:var(--hub-card-shadow)}[data-hub=true] h1,[data-hub=true] h2,[data-hub=true] h3{letter-spacing:-.02em}[data-hub=true] :is(button,a).rounded-full{min-height:var(--hub-control-height)}[data-hub=true] :is(button,a,input,select,textarea).rounded-2xl{border-radius:var(--hub-control-radius)}[data-hub=true] svg.lucide{stroke-width:2}[data-hub=true] .text-blue-100,[data-hub=true] .text-blue-300{color:var(--hub-accent)}@media (max-width:1023px){[data-hub=true] main{padding-bottom:var(--mobile-bottom-nav-offset)}[data-hub=true] .hub-section{padding-top:1rem;padding-bottom:1.5rem}[data-hub=true] .mobile-ux-invoice-builder .glass,[data-hub=true] .mobile-ux-quote-builder .glass{border-radius:1.25rem}}[data-pro=true]{--pro-bg:#0C0E14;--pro-bg-alt:#10131B;--pro-surface:#161A24;--pro-surface-alt:#1C2130;--pro-surface-raised:#202639;--pro-border:rgba(255,255,255,0.08);--pro-border-mid:rgba(255,255,255,0.14);--pro-border-strong:rgba(255,255,255,0.22);--pro-heading:#F0F4FF;--pro-body:#8B95AA;--pro-muted:#505A6B;--pro-accent:#3B82F6;--pro-champagne:#E8D5A0;--pro-platinum:#B8C4D4;--pro-orange:#FF6A00;--pro-success:#86EFAC;--pro-warning:#FCD34D;--pro-danger:#FCA5A5;--pro-zoid-bg:#141822;--pro-zoid-border:rgba(184,196,212,0.18)}[data-pro=true] body,body[data-pro=true]{background:var(--pro-bg);background-image:radial-gradient(ellipse at 15% 0,rgba(59,130,246,.04) 0,transparent 50%),radial-gradient(ellipse at 85% 100%,rgba(184,196,212,.03) 0,transparent 50%);color:var(--pro-heading);animation:pro-ambient 20s ease-in-out infinite;background-size:200% 200%}@keyframes pro-ambient{0%,to{background-position:0 0}50%{background-position:1% 1%}}[data-pro=true] .hub-header{background:var(--pro-surface);border-bottom-color:var(--pro-border);backdrop-filter:none;box-shadow:none}[data-pro=true] .hub-logo-link span:first-child{background-color:var(--pro-champagne);color:var(--pro-bg)}[data-pro=true] .hub-logo-text{color:var(--pro-champagne)}[data-pro=true] .hub-nav-link{color:var(--pro-muted)}[data-pro=true] .hub-nav-link:hover{color:var(--pro-heading)}[data-pro=true] .hub-nav-link-active{border-bottom:1px solid var(--pro-champagne);color:var(--pro-champagne)}[data-pro=true] .hub-eyebrow{color:var(--pro-platinum);font-weight:500;letter-spacing:.12em}[data-pro=true] .hub-page-title{color:var(--pro-heading);font-weight:500;letter-spacing:-.03em}[data-pro=true] .hub-page-description{color:var(--pro-body)}[data-pro=true] .glass,[data-pro=true] .hub-card{background-color:var(--pro-surface);background-image:linear-gradient(160deg,rgba(255,255,255,.03),transparent 50%);border:1px solid var(--pro-border);box-shadow:none;backdrop-filter:none}[data-pro=true] .hub-muted-panel{background:var(--pro-surface-alt);border:1px solid var(--pro-border);box-shadow:none}[data-pro=true] .hub-muted-panel:hover{border-color:var(--pro-border-mid)}[data-pro=true] .text-white{color:var(--pro-heading)}[data-pro=true] .text-slate-200,[data-pro=true] .text-slate-300{color:var(--pro-body)}[data-pro=true] .text-slate-400,[data-pro=true] .text-slate-500{color:var(--pro-muted)}[data-pro=true] .text-cyan-100,[data-pro=true] .text-cyan-200,[data-pro=true] .text-cyan-300{color:var(--pro-platinum)}[data-pro=true] .text-blue-100,[data-pro=true] .text-blue-300{color:var(--pro-accent)}[data-pro=true] .text-\[\#ffb27b\]{color:var(--pro-champagne)}[data-pro=true] .text-\[\#00e5ff\]{color:var(--pro-platinum)}[data-pro=true] .text-emerald-100,[data-pro=true] .text-emerald-200{color:var(--pro-success)}[data-pro=true] .text-amber-100,[data-pro=true] .text-amber-200{color:var(--pro-warning)}[data-pro=true] .text-rose-100,[data-pro=true] .text-rose-200{color:var(--pro-danger)}[data-pro=true] a.bg-\[\#ff6a00\].text-white,[data-pro=true] button.bg-\[\#ff6a00\].text-white{color:#ffffff}[data-pro=true] .bg-white\/3,[data-pro=true] .bg-white\/4,[data-pro=true] .bg-white\/5,[data-pro=true] .bg-white\/\[0\.03\],[data-pro=true] .bg-white\/\[0\.04\],[data-pro=true] .bg-white\/\[0\.05\]{background-color:var(--pro-surface-alt)}[data-pro=true] .bg-white\/10{background-color:var(--pro-border-mid)}[data-pro=true] .bg-\[\#07111e\],[data-pro=true] .bg-black\/20{background-color:var(--pro-surface-alt)}[data-pro=true] .bg-\[\#020617\]{background-color:var(--pro-surface)}[data-pro=true] .bg-\[\#05070b\]\/90{background-color:rgba(22,26,36,.96)}[data-pro=true] .bg-slate-950{background-color:var(--pro-surface);color:var(--pro-heading)}[data-pro=true] .bg-slate-950\/50,[data-pro=true] .bg-slate-950\/60,[data-pro=true] .bg-slate-950\/70,[data-pro=true] .bg-slate-950\/80{background-color:var(--pro-surface-alt)}[data-pro=true] .border-white\/10,[data-pro=true] .border-white\/15,[data-pro=true] .border-white\/20{border-color:var(--pro-border)}[data-pro=true] .border-white\/15{border-color:var(--pro-border-mid)}[data-pro=true] .hover\:border-white\/30:hover{border-color:var(--pro-border-strong)}[data-pro=true] .bg-cyan-300\/10,[data-pro=true] .bg-cyan-300\/15{background-color:rgba(59,130,246,.1)}[data-pro=true] .bg-cyan-300{background-color:var(--pro-accent)}[data-pro=true] .border-cyan-300\/25,[data-pro=true] .border-cyan-300\/30,[data-pro=true] .border-cyan-300\/60{border-color:var(--pro-accent)}[data-pro=true] .bg-emerald-300\/10{background-color:rgba(22,163,74,.1)}[data-pro=true] .bg-emerald-300\/20{background-color:rgba(22,163,74,.15)}[data-pro=true] .border-emerald-300\/20,[data-pro=true] .border-emerald-300\/25,[data-pro=true] .border-emerald-300\/30{border-color:rgba(22,163,74,.25)}[data-pro=true] .bg-amber-300\/10{background-color:rgba(217,119,6,.1)}[data-pro=true] .border-amber-300\/25,[data-pro=true] .border-amber-300\/30{border-color:rgba(217,119,6,.25)}[data-pro=true] .bg-rose-300\/10{background-color:rgba(220,38,38,.1)}[data-pro=true] .border-rose-300\/20,[data-pro=true] .border-rose-300\/25,[data-pro=true] .border-rose-300\/30{border-color:rgba(220,38,38,.2)}[data-pro=true] .bg-slate-300\/10{background-color:var(--pro-surface-alt)}[data-pro=true] .bg-\[\#ff6a00\]\/10,[data-pro=true] .bg-\[\#ff6a00\]\/15{background-color:rgba(255,106,0,.1)}[data-pro=true] .bg-\[\#ff6a00\]\/20{background-color:rgba(255,106,0,.15)}[data-pro=true] .hub-zoid-panel{background:var(--pro-zoid-bg);border-color:var(--pro-zoid-border);background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.05) 0,transparent 50%)}[data-pro=true] input[type=date],[data-pro=true] input[type=email],[data-pro=true] input[type=number],[data-pro=true] input[type=password],[data-pro=true] input[type=tel],[data-pro=true] input[type=text],[data-pro=true] input[type=time],[data-pro=true] input[type=url],[data-pro=true] select,[data-pro=true] textarea{background:var(--pro-surface-alt);border:1px solid var(--pro-border-mid);color:var(--pro-heading)}[data-pro=true] input::placeholder,[data-pro=true] textarea::placeholder{color:var(--pro-muted);opacity:1}[data-pro=true] :is(input,select,textarea):focus-visible{border-color:rgba(59,130,246,.6);box-shadow:0 0 0 3px rgba(59,130,246,.12);outline:none}[data-pro=true] a.bg-cyan-300,[data-pro=true] button.bg-cyan-300{background-color:var(--pro-accent);color:#ffffff;box-shadow:0 4px 10px rgba(59,130,246,.2)}[data-pro=true] a.bg-cyan-300:hover,[data-pro=true] button.bg-cyan-300:hover{background-color:#2563EB;box-shadow:0 6px 16px rgba(59,130,246,.3)}[data-pro=true] a.bg-\[\#ff6a00\],[data-pro=true] button.bg-\[\#ff6a00\]{box-shadow:0 4px 10px rgba(255,106,0,.2)}[data-pro=true] a.border-white\/10:not([class*="bg-\[#ff"]):not([class*=bg-cyan]),[data-pro=true] button.border-white\/10:not([class*="bg-\[#ff"]):not([class*=bg-cyan]){background:var(--pro-surface-alt);border-color:var(--pro-border-mid);color:var(--pro-heading)}[data-pro=true] a.border-white\/10:not([class*="bg-\[#ff"]):not([class*=bg-cyan]):hover,[data-pro=true] button.border-white\/10:not([class*="bg-\[#ff"]):not([class*=bg-cyan]):hover{background:var(--pro-surface-raised);border-color:var(--pro-border-strong)}[data-pro=true] a.border-cyan-300\/35,[data-pro=true] button.border-cyan-300\/35{background:var(--pro-surface-alt);border-color:var(--pro-accent);color:var(--pro-accent)}[data-pro=true] button.bg-white{background-color:var(--pro-accent);color:#ffffff;box-shadow:0 4px 10px rgba(59,130,246,.2)}[data-pro=true] button.bg-white:hover{background-color:#2563EB}[data-pro=true] .glass:hover,[data-pro=true] .hub-muted-panel:hover{border-color:var(--pro-border-mid);box-shadow:none}[data-pro=true] h1,[data-pro=true] h2,[data-pro=true] h3{letter-spacing:-.03em;font-weight:500}[data-pro=true] .hub-section{padding-top:2.5rem;padding-bottom:3.75rem}[data-pro=true] .bg-\[\#2563EB\]\/10,[data-pro=true] .bg-\[\#2563EB\]\/15{background-color:rgba(59,130,246,.1)}[data-pro=true] .border-\[\#2563EB\]\/30{border-color:rgba(59,130,246,.25)}[data-pro=true] .hover\:text-white:hover{color:var(--pro-heading)}[data-pro=true] .hover\:bg-orange-400\/10:hover{background-color:rgba(255,106,0,.1)}@media (prefers-reduced-motion:reduce){[data-pro=true] body{animation:none}}