:root{--ui-bg:#f4f5f7;--ui-card:#fff;--ui-text:#111827;--ui-muted:#6b7280;--ui-border:#e5e7eb;--ui-accent:#2563eb}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ui-bg);color:var(--ui-text);font-family:Inter,system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100vh}.topbar{z-index:10;background:var(--ui-card);border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.brandmark{align-items:center;gap:8px;font-weight:700;display:flex}.brandmark small{color:var(--ui-muted);font-weight:500}.dot{background:var(--ui-accent);border-radius:4px;width:12px;height:12px}.actions{gap:8px;display:flex}.btn{border:1px solid var(--ui-border);background:var(--ui-card);cursor:pointer;border-radius:8px;padding:8px 14px;font-weight:600}.btn.primary{background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}.btn.primary:disabled{opacity:.6;cursor:wait}.btn.ghost:hover{background:#f9fafb}.btn.small{padding:4px 10px;font-size:12px}.tabs{display:none}.layout{grid-template-columns:420px 1fr;align-items:start;gap:20px;padding:20px;display:grid}.panel{background:var(--ui-card);border:1px solid var(--ui-border);border-radius:12px;max-height:calc(100vh - 100px);position:sticky;top:76px;overflow-y:auto}.stage{justify-content:center;display:flex;overflow:hidden}.scaler{background:#fff;overflow:hidden;box-shadow:0 8px 30px #0000001f}.section{border-bottom:1px solid var(--ui-border)}.section:last-child{border-bottom:0}.section summary{cursor:pointer;padding:14px 16px;font-weight:700}.section-body{gap:12px;padding:0 16px 16px;display:grid}.field{gap:4px;display:grid}.field>span,.range-label{color:var(--ui-muted);font-size:12px;font-weight:600}.field-group{gap:10px;display:grid}input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{border:1px solid var(--ui-border);background:#fff;border-radius:8px;width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--ui-accent);outline-offset:-1px}textarea{resize:vertical}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.check{align-items:center;gap:8px;font-size:13px;display:flex}.seg{border:1px solid var(--ui-border);border-radius:8px;display:flex;overflow:hidden}.seg button{cursor:pointer;text-transform:capitalize;background:#fff;border:0;flex:1;padding:8px}.seg button.on{background:var(--ui-accent);color:#fff}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{width:28px;height:28px;box-shadow:0 0 0 1px var(--ui-border);cursor:pointer;border:2px solid #fff;border-radius:50%}.swatch.on{box-shadow:0 0 0 2px var(--ui-text)}.color-input{cursor:pointer;background:0 0;border:0;width:34px;height:34px;padding:0}.hex{font-family:ui-monospace,monospace;width:90px!important}.dropzone{border:2px dashed var(--ui-border);cursor:pointer;min-height:110px;color:var(--ui-muted);background:#fafafa;border-radius:10px;place-items:center;padding:10px;display:grid}.dropzone.over,.dropzone:hover{border-color:var(--ui-accent);background:#eff6ff}.dropzone img{object-fit:contain;max-width:100%;max-height:90px}.hint-list{color:var(--ui-muted);gap:2px;margin:0;padding-left:18px;font-size:12px;display:grid}.error{color:#dc2626;margin:0;font-size:13px;font-weight:600}.muted{color:var(--ui-muted);margin:0;font-size:12px}.range-label{gap:6px;display:grid}.range-label b{color:var(--ui-text)}.item{border:1px solid var(--ui-border);background:#fafafa;border-radius:10px;gap:8px;padding:10px;display:grid}.item-head{justify-content:space-between;display:flex}.link{cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link.danger{color:#dc2626}.link:disabled{opacity:.3;cursor:not-allowed}.invoice{font-family:var(--font,Inter, sans-serif);color:#1f2937;background:#fff;flex-direction:column;gap:32px;width:794px;min-height:1120px;padding:56px;font-size:13px;line-height:1.5;display:flex}.inv-pre{white-space:pre-line}.inv-label{text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:4px;font-size:10.5px;font-weight:700}.inv-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.inv-logo{max-width:100%;height:auto;display:block}.inv-logo.has-bg{box-sizing:content-box;border-radius:8px;padding:8px 10px}.inv-company{color:var(--brand);font-size:22px;font-weight:800}.inv-head-right{text-align:right}.inv-title{letter-spacing:-.02em;color:var(--brand);text-transform:uppercase;margin:0 0 8px;font-size:32px;font-weight:800}.inv-meta{grid-template-columns:auto auto;justify-content:end;gap:2px 16px;margin:0;display:grid}.inv-meta dt{color:#6b7280;text-align:right}.inv-meta dd{text-align:right;margin:0;font-weight:600}.inv-parties{grid-template-columns:1fr 1fr;gap:32px;display:grid}.inv-party-name{color:#111827;font-size:15px;font-weight:700}.inv-table{border-collapse:collapse;width:100%}.inv-table th{background:var(--brand);color:var(--on-brand);text-align:left;text-transform:uppercase;letter-spacing:.06em;padding:10px 12px;font-size:11px}.inv-table td{vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px}.inv-table tbody tr:nth-child(2n) td{background:var(--brand-tint)}.inv-table .num{text-align:right;white-space:nowrap}.inv-item-name{color:#111827;font-weight:600}.inv-item-details{color:#6b7280;font-size:12px}.inv-bottom{grid-template-columns:1fr 280px;align-items:start;gap:32px;display:grid}.inv-notes{gap:16px;display:grid}.inv-totals{gap:6px;display:grid}.inv-totals .row{justify-content:space-between;display:flex}.inv-totals .grand{background:var(--brand);color:var(--on-brand);border-radius:6px;margin-top:4px;padding:10px 12px;font-size:15px;font-weight:800}.inv-totals .due{color:var(--brand);border-top:1px solid #e5e7eb;padding-top:6px;font-size:15px;font-weight:800}.inv-foot{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:auto;padding-top:16px;display:flex}.inv-sign{text-align:center;min-width:180px;font-weight:600}.inv-sign-line{border-top:1px solid #9ca3af;margin-bottom:4px}.tpl-classic .inv-head{border-bottom:3px double var(--brand);padding-bottom:20px}.tpl-classic .inv-title{letter-spacing:.04em;font-weight:700}.tpl-classic .inv-table th{color:var(--brand);border-top:2px solid var(--brand);border-bottom:2px solid var(--brand);background:0 0}.tpl-classic .inv-table tbody tr:nth-child(2n) td{background:0 0}.tpl-classic .inv-totals .grand{color:var(--brand);border-top:2px solid var(--brand);border-bottom:2px solid var(--brand);background:0 0;border-radius:0}.tpl-minimal .inv-title{letter-spacing:.2em;font-size:26px;font-weight:300}.tpl-minimal .inv-table th{color:#6b7280;border-bottom:2px solid var(--brand);background:0 0}.tpl-minimal .inv-table tbody tr:nth-child(2n) td{background:0 0}.tpl-minimal .inv-totals .grand{color:var(--brand);border-bottom:2px solid var(--brand);background:0 0;border-radius:0;padding-left:0;padding-right:0}.tpl-modern .inv-head{background:var(--brand);color:var(--on-brand);margin:-56px -56px 0;padding:40px 56px 32px}.tpl-modern .inv-title,.tpl-modern .inv-company{color:var(--on-brand)}.tpl-modern .inv-meta dt{color:var(--on-brand);opacity:.75}.inv-credit{text-align:center;color:#9ca3af;font-size:10.5px}.tpl-corporate{border-top:12px solid var(--brand);padding-top:44px}.tpl-corporate .inv-head{border-bottom:1px solid #d1d5db;padding-bottom:20px}.tpl-corporate .inv-title{color:#111827;font-size:28px}.tpl-corporate .inv-parties{background:#f9fafb;border:1px solid #e5e7eb;padding:16px}.tpl-corporate .inv-table{border:1px solid #d1d5db}.tpl-corporate .inv-table th{background:var(--brand-tint);color:var(--brand);border:1px solid #d1d5db}.tpl-corporate .inv-table td{border:1px solid #e5e7eb}.tpl-corporate .inv-table tbody tr:nth-child(2n) td{background:0 0}.tpl-corporate .inv-totals{border:1px solid #d1d5db;padding:12px}.tpl-corporate .inv-totals .grand{border-radius:0}.tpl-bold{box-shadow:inset 18px 0 0 var(--brand);padding-left:76px}.tpl-bold .inv-head{flex-direction:row-reverse}.tpl-bold .inv-head-right{text-align:left}.tpl-bold .inv-title{margin-bottom:14px;font-size:46px;font-weight:900;line-height:1}.tpl-bold .inv-meta{justify-content:start}.tpl-bold .inv-meta dt,.tpl-bold .inv-meta dd{text-align:left}.tpl-bold .inv-table th{color:#fff;border-bottom:4px solid var(--brand);background:#111827}.tpl-bold .inv-table tbody tr:nth-child(2n) td{background:#f3f4f6}.tpl-bold .inv-totals .grand{border-radius:999px;padding:12px 18px}.tpl-elegant .inv-head{text-align:center;border-bottom:1px solid var(--brand);flex-direction:column;align-items:center;padding-bottom:24px}.tpl-elegant .inv-head-right{text-align:center}.tpl-elegant .inv-title{letter-spacing:.3em;font-size:30px;font-weight:400}.tpl-elegant .inv-meta{grid-template-columns:repeat(4,auto);justify-content:center;gap:2px 10px}.tpl-elegant .inv-meta dt{text-align:right}.tpl-elegant .inv-meta dd{text-align:left;margin-right:12px}.tpl-elegant .inv-parties{text-align:center}.tpl-elegant .inv-table th{color:var(--brand);border-top:1px solid var(--brand);border-bottom:1px solid var(--brand);background:0 0;font-weight:600}.tpl-elegant .inv-table td{border-bottom:1px solid #eee}.tpl-elegant .inv-table tbody tr:nth-child(2n) td{background:0 0}.tpl-elegant .inv-totals .grand{color:var(--brand);border-top:1px solid var(--brand);border-bottom:1px solid var(--brand);background:0 0;border-radius:0}.tpl-creative .inv-head{background:linear-gradient(172deg, var(--brand) 0 74%, transparent 74.2%);color:var(--on-brand);margin:-56px -56px 0;padding:44px 56px 90px}.tpl-creative .inv-title,.tpl-creative .inv-company{color:var(--on-brand)}.tpl-creative .inv-meta dt{color:var(--on-brand);opacity:.8}.tpl-creative .inv-parties{margin-top:-24px}.tpl-creative .inv-table th:first-child{border-radius:10px 0 0 10px}.tpl-creative .inv-table th:last-child{border-radius:0 10px 10px 0}.tpl-creative .inv-table tbody tr:nth-child(2n) td{background:0 0}.tpl-creative .inv-totals .grand{border-radius:12px}.tpl-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tpl-btn{border:1px solid var(--ui-border);cursor:pointer;background:#fff;border-radius:8px;justify-items:center;gap:6px;padding:6px 4px 8px;font-size:12px;font-weight:600;display:grid}.tpl-btn.on{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-accent)}.tpl-thumb{background:#f3f4f6;border-radius:4px;width:100%;height:44px;display:block;position:relative;overflow:hidden}.tpl-thumb:before{content:"";background:#94a3b8;height:10px;position:absolute;inset:0 0 auto}.thumb-modern:before{background:#2563eb;height:16px}.thumb-classic:before{background:#64748b;border-bottom:2px double #64748b;height:4px}.thumb-minimal:before{background:#cbd5e1;height:2px;top:10px}.thumb-corporate:before{background:#2563eb;height:6px}.thumb-bold:before{background:#2563eb;width:8px;height:auto;inset:0 auto 0 0}.thumb-elegant:before{background:#2563eb;height:1px;top:14px;left:20%;right:20%}.thumb-creative:before{background:linear-gradient(172deg,#7c3aed 0 70%,#0000 71%);height:22px}.account{position:relative}.account summary{cursor:pointer;list-style:none}.account summary::-webkit-details-marker{display:none}.avatar{background:var(--ui-accent);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.account-menu{border:1px solid var(--ui-border);background:#fff;border-radius:10px;min-width:220px;padding:6px;display:grid;position:absolute;top:44px;right:0;box-shadow:0 10px 30px #0000001f}.account-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px 10px}.account-menu button:hover{background:#f3f4f6}.account-who{border-bottom:1px solid var(--ui-border);gap:2px;margin-bottom:4px;padding:8px 10px 10px;display:grid}.badge{text-transform:capitalize;background:#e5e7eb;border-radius:999px;justify-self:start;padding:2px 8px;font-size:11px;font-weight:700}.badge.pro{color:#1d4ed8;background:#dbeafe}.badge.business{color:#6d28d9;background:#ede9fe}.upsell{color:#1e40af;text-align:center;background:#eff6ff;padding:8px 20px;font-size:13px}.upsell .link{color:inherit;text-decoration:underline}.toast{color:#fff;z-index:50;background:#111827;border-radius:8px;padding:10px 16px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.center{text-align:center}.modal-backdrop{z-index:40;background:#1118278c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:14px;gap:14px;width:100%;max-width:520px;padding:22px;display:grid}.modal.wide{max-width:940px}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0;font-size:20px}.notice{color:#92400e;background:#fef3c7;border-radius:8px;margin:0;padding:10px 12px;font-weight:600}.plans{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.plan{border:1px solid var(--ui-border);border-radius:12px;align-content:start;gap:8px;padding:18px;display:grid;position:relative}.plan.featured{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-accent)}.plan h3,.plan p{margin:0}.plan ul{gap:4px;margin:4px 0 8px;padding-left:18px;display:grid}.price{font-size:30px;font-weight:800}.price small{color:var(--ui-muted);font-size:13px;font-weight:500}.ribbon{background:var(--ui-accent);color:#fff;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;position:absolute;top:-10px;right:14px}.saved-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.saved-list li{border:1px solid var(--ui-border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.saved-actions{gap:6px;display:flex}.auth{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.auth-hero{color:#fff;background:linear-gradient(160deg,#1e3a8a,#2563eb 60%,#7c3aed);flex-direction:column;justify-content:center;gap:18px;padding:48px;display:flex}.auth-hero h1{letter-spacing:-.02em;max-width:520px;margin:0;font-size:40px;line-height:1.1}.auth-hero p{opacity:.9;max-width:480px;margin:0;font-size:16px}.auth-hero .brandmark small{color:#ffffffb3}.auth-hero .dot{background:#fff}.plan-teasers{flex-wrap:wrap;gap:12px;display:flex}.plan-teaser{background:#ffffff24;border-radius:12px;gap:2px;min-width:160px;padding:12px 16px;display:grid}.plan-teaser small{opacity:.8}.auth-card{flex-direction:column;justify-content:center;gap:16px;width:100%;max-width:460px;margin:0 auto;padding:48px;display:flex}.auth-form{gap:12px;display:grid}.divider{text-align:center;color:var(--ui-muted);align-items:center;gap:10px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--ui-border);flex:1;height:1px}.demo-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=860px){.auth{grid-template-columns:1fr}.auth-hero{padding:28px 20px}.auth-hero h1{font-size:28px}.auth-card{padding:24px 20px}.plans{grid-template-columns:1fr}}@media (width<=980px){.layout{grid-template-columns:1fr;padding:12px}.panel{max-height:none;position:static}.tabs{border:1px solid var(--ui-border);background:#fff;border-radius:8px;gap:0;margin:12px 12px 0;display:flex;overflow:hidden}.tabs button{cursor:pointer;background:0 0;border:0;flex:1;padding:10px;font-weight:600}.tabs button.on{background:var(--ui-accent);color:#fff}.show-edit .stage,.show-preview .panel,.hide-sm,.brandmark small{display:none}}@page{size:A4;margin:0}@media print{body{background:#fff}.topbar,.tabs,.panel{display:none!important}.layout{padding:0;display:block}.stage,.stage>div{overflow:visible;display:block!important}.scaler{box-shadow:none;width:auto!important;height:auto!important}.scaler>div{transform:none!important}.invoice{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.splash{min-height:100vh;color:var(--ui-muted);place-items:center;display:grid}.scaler{position:relative}.demo-mark{letter-spacing:.1em;color:#1118270f;pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;font-size:140px;font-weight:800;display:grid;position:absolute;inset:0;transform:rotate(-30deg)}.success{color:#166534;background:#dcfce7;border-radius:8px;margin:0;padding:10px 12px;font-weight:600}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.back-link{color:#fff;opacity:.9;font-weight:600;text-decoration:underline}.account-menu a{color:inherit;border-radius:6px;padding:9px 10px;text-decoration:none}.account-menu a:hover{background:#f3f4f6}.badge small{opacity:.8;font-weight:500}.badge.ok{color:#166534;background:#dcfce7}.badge.warn{color:#92400e;background:#fef3c7}.badge.expired{color:#991b1b;background:#fee2e2}a.btn{align-items:center;text-decoration:none;display:inline-flex}.btn.danger{color:#dc2626}.admin{min-height:100vh}.admin-body{gap:16px;max-width:1280px;margin:0 auto;padding:20px;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.card{border:1px solid var(--ui-border);background:#fff;border-radius:12px;padding:14px 16px}.card.warn{background:#fffbeb;border-color:#f59e0b}.card-value{font-size:28px;font-weight:800}.admin-tabs{max-width:320px}.toolbar{flex-wrap:wrap;gap:10px;display:flex}.toolbar input{flex:1;min-width:220px}.toolbar select{width:200px}.table-wrap{border:1px solid var(--ui-border);background:#fff;border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:900px}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ui-muted);border-bottom:1px solid var(--ui-border);background:#fafafa;padding:10px 12px;font-size:11px}.admin-table td{border-bottom:1px solid var(--ui-border);vertical-align:top;padding:10px 12px}.admin-table .num{text-align:right}.admin-table tr.clickable{cursor:pointer}.admin-table tr.clickable:hover td{background:#f9fafb}.dialog-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.dialog-col{align-content:start;gap:10px;display:grid}.dialog-col h3{margin:8px 0 0;font-size:14px}.dialog-col p{margin:0}.usage{grid-template-columns:1fr 1fr;gap:8px;display:grid}.usage>div{background:#f9fafb;border-radius:8px;padding:8px 10px;display:grid}.usage b{font-size:20px}.activity{gap:4px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.activity li{border-bottom:1px solid var(--ui-border);justify-content:space-between;gap:8px;padding:6px 0;font-size:13px;display:flex}@media (width<=860px){.dialog-grid{grid-template-columns:1fr}}.logo{align-items:center;gap:10px;display:inline-flex}.logo-text{line-height:1.1;display:grid}.logo-text b{letter-spacing:-.02em;font-size:18px;font-weight:800}.logo-text small{color:var(--ui-muted);font-size:11px;font-weight:500}.logo.light .logo-text small{color:#ffffffb3}.copyright{color:var(--ui-muted);margin:0;font-size:12px}.copyright a{color:inherit}.copyright.light{color:#ffffffb3}.app-foot{text-align:center;padding:16px 20px 24px}.feature-list{gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.feature-list li:before{content:"✓";background:#fff3;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:10px;font-size:12px;font-weight:700;display:inline-grid}.auth-hero .copyright{margin-top:auto;padding-top:24px}.auth-foot-mobile{display:none}.demo-box{background:#eff6ff;border:1px dashed #93c5fd;border-radius:12px;gap:10px;padding:14px;display:grid}.demo-title{color:#1e40af;font-weight:700}.demo-box dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.demo-box dt{color:var(--ui-muted)}.demo-box dd{-webkit-user-select:all;user-select:all;margin:0;font-family:ui-monospace,monospace;font-weight:600}.demo-box p{margin:0}@media (width<=860px){.auth-hero .copyright{display:none}.auth-foot-mobile{text-align:center;display:block}}:root{--viz-1:#2a78d6;--viz-2:#eb6834;--viz-3:#1baf7a;--st-good:#008300;--st-warn:#eda100;--st-bad:#e34948;--st-off:#8a8a85}.admin-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#e2e8f0;background:#0f172a;flex-direction:column;gap:22px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar nav{gap:4px;display:grid}.sidebar nav button,.side-foot button,.side-foot a{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;text-decoration:none;display:flex}.sidebar nav button:hover,.side-foot button:hover,.side-foot a:hover{background:#ffffff14}.sidebar nav button.on{background:#ffffff24;font-weight:700}.sidebar nav em{color:#111827;background:#f59e0b;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-style:normal;font-weight:700}.side-foot{opacity:.95;gap:2px;margin-top:auto;font-size:13px;display:grid}.side-foot .copyright{padding:10px 10px 0}.admin-main{align-content:start;gap:18px;min-width:0;padding:24px;display:grid}.view{gap:14px;display:grid}.ov{gap:18px;display:grid}.ov-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ov-head h2{margin:0;font-size:22px}.seg.range{width:auto}.seg.range button{padding:6px 14px}button.card{text-align:left;font:inherit;color:inherit;cursor:pointer}button.card:hover{box-shadow:0 2px 10px #00000014}.card{align-content:start;gap:2px;display:grid}.card-value.sm{font-size:20px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-grid .span2{grid-column:1/-1}.chart-card{border:1px solid var(--ui-border);background:#fff;border-radius:12px;align-content:start;gap:10px;min-width:0;padding:16px;display:grid}.chart-card header{justify-content:space-between;gap:12px;display:flex}.chart-card h3{margin:0;font-size:15px}.chart-card p{margin:2px 0 0;font-size:12px}.legend{color:#374151;flex-wrap:wrap;gap:14px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.legend i,.tip i{border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.chart-wrap{position:relative}.chart-wrap svg{width:100%;height:auto;display:block}.chart-wrap .grid{stroke:#e5e7eb;stroke-width:1px}.chart-wrap .cross{stroke:#9ca3af;stroke-width:1px}.chart-wrap .axis{fill:#6b7280;font-size:11px}.chart-wrap .dot{stroke:#fff;stroke-width:2px}.tip{color:#fff;pointer-events:none;white-space:nowrap;z-index:5;background:#111827;border-radius:8px;gap:2px;padding:8px 10px;font-size:12px;display:grid;position:absolute;top:4px}.chart-table{max-height:240px;overflow:auto}.chart-table table{border-collapse:collapse;width:100%;font-size:12.5px}.chart-table th,.chart-table td{text-align:left;border-bottom:1px solid var(--ui-border);padding:5px 8px}.mini-select{justify-self:end;width:auto!important;padding:4px 8px!important}.hbars{gap:10px;margin:0;padding:0;list-style:none;display:grid}.hbars li{grid-template-columns:130px 1fr 36px;align-items:center;gap:10px;font-size:13px;display:grid}.hb-track{background:#f3f4f6;border-radius:6px;height:12px;overflow:hidden}.hb-fill{border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.hbars b{text-align:right}.rank,.feed{gap:2px;margin:0;padding:0;list-style:none;display:grid}.rank li{border-bottom:1px solid var(--ui-border);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:7px 0;font-size:13px;display:grid}.rank .link{text-align:left;color:var(--ui-accent)}.feed li{border-bottom:1px solid var(--ui-border);justify-content:space-between;gap:10px;padding:7px 0;font-size:13px;display:flex}.inline-row{gap:8px;display:flex}.saved-list li.msg{align-items:flex-start}.saved-list li.msg.done{opacity:.6}.msg .badge{margin-left:8px}@media (width<=980px){.admin-shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;gap:10px;height:auto;padding:12px;position:static}.sidebar nav{order:3;width:100%;display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;width:auto}.side-foot{flex-wrap:wrap;margin:0 0 0 auto;display:flex}.side-foot .copyright{display:none}.side-foot button,.side-foot a{width:auto}.admin-main{padding:14px}.chart-grid{grid-template-columns:1fr}.hbars li{grid-template-columns:100px 1fr 30px}}.seg button{text-transform:none}.side-foot .copyright a{background:0 0;width:auto;padding:0;display:inline}.side-foot .copyright{display:block}.auth-right{background-color:var(--ui-bg);background-image:radial-gradient(#cfd4dc 1px,#0000 1px);background-size:22px 22px;display:flex}.auth-right .auth-card{border:1px solid var(--ui-border);background:#fff;border-radius:16px;margin:auto;padding:32px;box-shadow:0 12px 40px #0f172a14}.hero-art{flex:1;min-height:300px;margin-top:12px;position:relative;overflow:hidden}.orb{filter:blur(40px);opacity:.55;border-radius:50%;animation:14s ease-in-out infinite drift;position:absolute}.orb-a{background:#38bdf8;width:220px;height:220px;top:10%;left:6%}.orb-b{background:#c084fc;width:260px;height:260px;animation-delay:-6s;bottom:-10%;right:4%}.doc{background:#fff;border-radius:14px;width:230px;height:300px;animation:6s ease-in-out infinite float;position:absolute;bottom:-50px;left:50%;overflow:hidden;box-shadow:0 20px 50px #080f3459}.doc-back{opacity:.85;animation-delay:-2s;transform:translate(calc(-50% - 175px))rotate(-9deg)}.doc-mid{opacity:.85;animation-delay:-4s;transform:translate(calc(175px - 50%))rotate(8deg)}.doc-front{z-index:2;width:250px;height:330px;transform:translate(-50%)}.doc-head{color:#fff;letter-spacing:.08em;background:#2563eb;justify-content:space-between;align-items:center;height:44px;padding:0 14px;font-size:13px;display:flex}.doc-head.alt-1{background:#7c3aed;height:30px}.doc-head.alt-2{background:#ea580c;height:30px}.doc-logo{color:#4f46e5;background:#fffffff2;border-radius:6px;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.doc-body{gap:9px;padding:14px;display:grid}.sk{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;border-radius:4px;height:8px;animation:2.4s linear infinite shimmer;display:block}.doc-meta{gap:7px;margin-bottom:6px;display:grid}.doc-row{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.doc-row em{color:#374151;font-size:11px;font-style:normal;font-weight:600}.doc-total{color:#fff;background:#2563eb;border-radius:8px;justify-content:space-between;align-items:center;margin-top:10px;padding:9px 12px;font-size:12px;display:flex}.doc-total b{font-size:14px}.cycle{animation:9s ease-in-out infinite brand}.chip{z-index:3;color:#111827;background:#fffffff5;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;animation:5s ease-in-out infinite float;display:inline-flex;position:absolute;box-shadow:0 10px 28px #080f344d}.chip svg{color:#16a34a}.chip-pdf{top:14%;right:4%}.chip-pdf svg{color:#2563eb}.chip-colors{animation-delay:-1.5s;top:38%;left:2%}.chip-colors span{border-radius:50%;width:14px;height:14px;margin-right:-2px;animation:3s ease-in-out infinite pulse;box-shadow:0 0 0 2px #fff}.chip-colors span:nth-child(2){animation-delay:.3s}.chip-colors span:nth-child(3){animation-delay:.6s}.chip-colors span:nth-child(4){animation-delay:.9s}.chip-paid{animation-delay:-3s;bottom:20%;right:12%}@keyframes float{0%,to{translate:0}50%{translate:0 -12px}}@keyframes drift{0%,to{translate:0}50%{translate:30px -20px}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pulse{0%,to{scale:1}50%{scale:1.3}}@keyframes brand{0%,to{background-color:#2563eb}25%{background-color:#7c3aed}50%{background-color:#db2777}75%{background-color:#0d9488}}@media (width<=860px){.hero-art{display:none}.auth-right{background:var(--ui-bg)}.auth-right .auth-card{box-shadow:none;background:0 0;border:0;padding:24px 20px}}@media (prefers-reduced-motion:reduce){.hero-art *,.hero-art{animation:none!important}}.hero-art{margin:12px -48px 0;-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.pw{display:block;position:relative}.pw input{padding-right:44px!important}.pw-toggle{width:36px;height:36px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--ui-text);background:#f3f4f6}.num-row{align-items:center;gap:8px;display:flex}.num-prefix{text-transform:uppercase;font-weight:600;width:40%!important}.num-seq{font-variant-numeric:tabular-nums;flex:1;font-weight:600}.num-row>span{color:var(--ui-muted);font-weight:700}.topbar-left{align-items:center;gap:28px;min-width:0;display:flex}.logo-link{color:inherit;text-decoration:none}.user-nav{gap:4px;display:flex}.user-nav a,.user-nav-mobile a{color:#374151;white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.user-nav a:hover,.user-nav-mobile a:hover{background:#f3f4f6}.user-nav a.on,.user-nav-mobile a.on{color:#1d4ed8;background:#eff6ff}.user-nav-mobile{display:none}.page{align-content:start;gap:18px;max-width:1180px;margin:0 auto;padding:24px 20px;display:grid}.page.wide{max-width:1400px}.page.narrow{max-width:560px;padding-top:60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.page-head.tight{margin-bottom:8px}.page-head h1{letter-spacing:-.02em;margin:0;font-size:26px}.page-head h2{margin:0;font-size:18px}.page-head p{margin:4px 0 0}.panel-card{border:1px solid var(--ui-border);background:#fff;border-radius:14px;align-content:start;gap:12px;padding:20px;display:grid}.panel-card h2{margin:0;font-size:16px}.empty-card{border:1px solid var(--ui-border);background:#fff;border-radius:14px;justify-items:start;gap:12px;padding:32px;display:grid}.empty-card h2{margin:0}.empty-inline{justify-items:start;gap:10px;padding:8px 0;display:grid}.onboard{background:linear-gradient(120deg,#eff6ff,#f5f3ff);border:1px solid #c7d2fe;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.onboard p{margin:4px 0 0}a.card{color:inherit;text-decoration:none}a.card:hover{box-shadow:0 2px 10px #00000014}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.row-actions{white-space:nowrap;text-align:right}.row-actions .link{color:var(--ui-accent);margin-left:12px;font-size:13px}.row-actions .link.danger{color:#dc2626}input[type=search]{appearance:none}.kv{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;display:grid}.kv dt{color:var(--ui-muted)}.kv dd{margin:0;font-weight:600}.editor-bar{border-bottom:1px solid var(--ui-border);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.eb-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eb-title h1{margin:0;font-size:18px}.eb-title .link{color:var(--ui-accent);font-weight:600;text-decoration:none}.eb-actions{gap:8px;display:flex}.issuer-card{background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:14px 16px;padding:12px 14px;display:flex}.issuer-card>div{gap:2px;display:grid}.ref-line{border:1px dashed var(--ui-border);background:#f9fafb;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.ref-line b{letter-spacing:.02em;font-family:ui-monospace,monospace}.num-row input[readonly]{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.profile-grid{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.profile-form{gap:16px;display:grid}.profile-preview{gap:8px;display:grid;position:sticky;top:84px}.profile-preview h2{margin:0;font-size:16px}.profile-preview .stage{justify-content:flex-start}@media (width<=980px){.user-nav{display:none}.user-nav-mobile{border-bottom:1px solid var(--ui-border);background:#fff;gap:4px;padding:8px 12px;display:flex;overflow-x:auto}.profile-grid{grid-template-columns:1fr}.profile-preview{position:static}.page{padding:16px 12px}}.invoice{min-height:1120px}@media print{.no-print,.modal-backdrop,.toast,.tabs{display:none!important}html,body,.app{background:#fff;height:auto}.layout{padding:0;display:block}.stage{overflow:visible;display:block!important}.scaler{box-shadow:none;overflow:visible;width:auto!important;height:auto!important}.scaler>div{width:auto!important;transform:none!important}.demo-mark{display:none}.invoice{width:210mm;min-height:296mm;box-shadow:none;break-inside:avoid;margin:0}}.swatch.checker{background:conic-gradient(#d1d5db 25%, #fff 0 50%, #d1d5db 0 75%, #fff 0) 0 0 / 12px 12px}.dropzone img{border-radius:6px}