*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3b5bdb;--primary-hover:#2f4bc9;--primary-light:#eaeffd;--primary-grad-end:#5a4bd9;--primary-gradient:linear-gradient(135deg, #3b5bdb 0%, #5a4bd9 100%);--primary-gradient-hover:linear-gradient(135deg, #4361e0 0%, #65d 100%);--accent-gradient:linear-gradient(135deg, #7c3aed 0%, #22d3ee 100%);--accent-gradient-hover:linear-gradient(135deg, #8b4def 0%, #3dddef 100%);--accent-glow:#22d3ee66;--accent-purple:#7c3aed;--accent-cyan:#22d3ee;--surface-body:#eef0f4;--surface-mega:#fff;--surface-main:#f4f5f8;--surface-inner:#fff;--surface-topbar-pill:#eceef3;--surface-hover:#e1e4ec;--surface-secondary-hover:#f1f2f5;--border:#e5e7eb;--border-strong:#d1d5db;--border-focus:#3b5bdb;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--fill-strong:#0f172a;--fill-strong-text:#fff;--success:#10b981;--success-bg:#d1fae5;--success-text:#047857;--warning:#f59e0b;--warning-bg:#fef3c7;--warning-text:#b45309;--danger:#ef4444;--danger-bg:#fee2e2;--danger-text:#b91c1c;--info:#3b82f6;--info-bg:#dbeafe;--info-text:#1d4ed8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-outer:24px;--radius-section:16px;--radius-card:12px;--radius-btn:9999px;--radius-sm:8px;--radius-input:10px;--radius-pill:9999px;--sidebar-width:72px;--z-dropdown:300;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}html[data-theme=dark]{--primary-light:#1e2a52;--surface-body:#0d1117;--surface-mega:#161b22;--surface-main:#1b212b;--surface-inner:#232c38;--surface-topbar-pill:#232c38;--surface-hover:#2d3743;--surface-secondary-hover:#2d3743;--border:#2a323d;--border-strong:#3a4452;--border-focus:#6a8bf0;--text-primary:#e6edf3;--text-secondary:#9db0c4;--text-tertiary:#6b7a8d;--fill-strong:#e6edf3;--fill-strong-text:#0d1117;--success-bg:#10b98129;--success-text:#4ade9a;--warning-bg:#f59e0b29;--warning-text:#fbbf55;--danger-bg:#ef444429;--danger-text:#f98a8a;--info-bg:#3b82f629;--info-text:#84b4f8}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-gutter:stable}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--surface-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;padding:var(--space-6);font-feature-settings:"cv11", "ss01", "ss03";min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}.num{font-feature-settings:"tnum", "cv11";font-variant-numeric:tabular-nums}.icon{stroke-width:2px;width:18px;height:18px}.icon-sm{width:14px;height:14px}.icon-md{width:16px;height:16px}.content{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.detail-crumb{align-items:center;gap:var(--space-2);font-size:13px;display:flex}.detail-back{color:var(--text-secondary);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px 4px 6px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.detail-back svg{width:15px;height:15px}.detail-back:hover{background:var(--surface-main);color:var(--text-primary)}.detail-crumb-sep{color:var(--text-tertiary)}.detail-crumb-now{color:var(--text-primary);font-weight:600}.h1{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:var(--space-1);font-size:28px;font-weight:700;line-height:1.1}.h1-sub{color:var(--text-secondary);font-size:14px}.h1-sub strong{color:var(--text-primary);font-weight:600}.meta-link{color:var(--primary);font-weight:600;text-decoration:none}.meta-link:hover{text-decoration:underline}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-header-left{gap:var(--space-1);flex-direction:column;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;border:none;height:40px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{background:var(--primary-gradient-hover)}.btn-secondary{background:var(--surface-inner);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-secondary-hover)}.ab-save-draft{color:var(--text-secondary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-inner);color:var(--text-primary)}.btn-danger{background:var(--danger-text);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed}.pill{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill-dot{border-radius:50%;width:6px;height:6px}.pill-icon{flex-shrink:0;margin-left:-1px}.pill.success{color:#0f6e56;background:#e1f5ee}.pill.success .pill-dot{background:var(--success)}.pill.warning{color:#8a5a00;background:#fbeed0}.pill.warning .pill-dot{background:var(--warning)}.pill.danger{color:#c0392b;background:#fbe9e7}.pill.danger .pill-dot{background:var(--danger)}.pill.info{color:#185fa5;background:#e6f1fb}.pill.info .pill-dot{background:var(--info)}.pill.neutral{color:#5f5e5a;background:#f0efe9}.pill.neutral .pill-dot{background:var(--text-tertiary)}.pill.void{color:#8a5a5a;background:#f3e8e8}.pill.void .pill-dot{background:#a16a6a}.mega-card{background:var(--surface-mega);border-radius:var(--radius-outer);max-width:1280px;padding:var(--space-6);margin:0 auto}.cust-pop,.cs-panel,.split-btn-menu,.actions-menu,.accent-pop,.date-menu,.range-dd-menu,.nav-more-menu,.user-dropdown,.notif-dropdown{z-index:var(--z-dropdown);background:var(--surface-inner);border-radius:var(--radius-card);padding:var(--space-2);opacity:0;visibility:hidden;transition:opacity .17s var(--ease-out), transform .17s var(--ease-out), visibility 0s linear .17s;position:absolute;top:calc(100% + 10px);transform:translateY(-8px)scale(.98);box-shadow:0 20px 52px #0f172a33,0 2px 8px #0f172a14}.cust-pop,.cs-panel{top:calc(100% + 6px)}.cust-pop.open,.actions-menu.open,.accent-pop.open,.cs.open .cs-panel,.split-btn.open .split-btn-menu,.overflow-btn.open .split-btn-menu,.date-pill.open .date-menu,#rangePills.open .range-dd-menu,.nav-more.open .nav-more-menu,.user-menu.open .user-dropdown,.notif-menu.open .notif-dropdown{opacity:1;visibility:visible;transition:opacity .17s var(--ease-out), transform .17s var(--ease-out);transform:translateY(0)scale(1)}.cust-row,.cs-option,.split-btn-menu-item,.actions-menu-item,.date-menu-item,.range-dd-opt,.nav-more-item,.user-dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:9px var(--space-3);border-radius:var(--radius-sm);text-align:left;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.cust-row:hover,.cust-row.active,.cs-option:hover,.split-btn-menu-item:hover,.actions-menu-item:hover,.date-menu-item:hover,.range-dd-opt:hover,.nav-more-item:hover,.user-dropdown-item:hover{background:var(--surface-main);color:var(--text-primary)}.split-btn-menu-item svg,.actions-menu-item svg,.nav-more-item svg,.user-dropdown-item svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;transition:color .12s}.topnav{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.brand-pill{align-items:center;gap:var(--space-2);background:var(--surface-topbar-pill);border-radius:var(--radius-pill);padding:6px 14px 6px 6px;display:inline-flex}.brand-logo{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.brand-logo svg{width:18px;height:18px}.brand-logo img{width:auto;height:20px;display:block}.brand-name{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.nav-pills{background:var(--surface-topbar-pill);border-radius:var(--radius-pill);align-items:center;gap:0;padding:6px;display:inline-flex;position:relative}.nav-pill-indicator{will-change:transform, width;contain:paint;background:var(--primary-gradient);border-radius:var(--radius-pill);z-index:0;pointer-events:none;width:0;transition:transform .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1);position:absolute;top:6px;bottom:6px;left:0;transform:translate(0)}.nav-pill-indicator.returning{transition:transform 1.1s cubic-bezier(.22,1,.36,1),width 1.1s cubic-bezier(.22,1,.36,1)}.nav-pill{border-radius:var(--radius-pill);color:var(--text-secondary);white-space:nowrap;z-index:1;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.nav-pill.cur{color:#fff}.nav-pills.returning .nav-pill.cur{transition-delay:.45s}.nav-more{display:inline-flex;position:relative}.nav-more-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-family:inherit;display:inline-flex}.nav-more-caret{width:13px;height:13px;transition:transform .2s var(--ease-out)}.nav-more.open .nav-more-caret{transform:rotate(180deg)}.nav-more-menu{transform-origin:top;min-width:196px;left:50%;transform:translate(-50%)translateY(-8px)scale(.98)}.nav-more.open .nav-more-menu{transform:translate(-50%)translateY(0)scale(1)}.nav-more-item{white-space:nowrap}.nav-more-item:hover svg{color:var(--text-secondary)}.nav-more-item.cur,.nav-more-item.cur svg{color:var(--primary)}.topnav-right{align-items:center;gap:var(--space-2);display:inline-flex}.icon-pill{background:var(--surface-topbar-pill);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;position:relative}.icon-pill:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-pill-dot{background:var(--danger);border:2px solid var(--surface-topbar-pill);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:10px}.icon-grad-stroke{stroke:url(#billz-icon-grad)}.icon-grad-fill{fill:url(#billz-icon-grad)}.date-pill{position:relative}.date-pill-trigger{background:var(--surface-inner);border-radius:var(--radius-pill);height:36px;color:var(--text-primary);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.date-pill-trigger:hover{border-color:var(--border)}.date-pill.open .date-pill-trigger,.date-pill-trigger:focus-visible{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b5bdb1f}.date-pill-trigger svg{width:10px;height:10px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.date-pill.open .date-pill-trigger svg{transform:rotate(180deg)}.date-pill-label-prefix{color:var(--text-tertiary);font-weight:500}.date-menu{transform-origin:100% 0;min-width:200px;right:0}.date-menu-item{justify-content:space-between}.date-menu-item.selected{background:var(--primary-gradient);color:#fff;font-weight:600}.date-menu-item.selected:hover{background:var(--primary-gradient-hover)}.date-menu-item svg{opacity:0;width:12px;height:12px}.date-menu-item.selected svg{opacity:1}.menu-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:8px 10px 4px;font-size:10.5px;font-weight:700}.user-pill{align-items:center;gap:var(--space-3);background:var(--surface-topbar-pill);border-radius:var(--radius-pill);cursor:pointer;border:none;padding:4px 12px 4px 4px;font-family:inherit;transition:background .15s;display:inline-flex}.user-pill:hover{background:var(--surface-hover)}.user-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.user-info{text-align:left;flex-direction:column;line-height:1.2;display:flex}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:168px;font-size:13px;font-weight:600;overflow:hidden}.user-handle{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;max-width:168px;font-size:11px;overflow:hidden}.user-chev{color:var(--text-tertiary);transition:transform .2s var(--ease-out);margin-left:2px}@media (width>=821px) and (width<=1180px){.brand-pill{gap:0;padding:6px}.brand-name,.topnav-right>.icon-pill[aria-label=Help],.user-info,.user-chev{display:none}}@media (width<=1180px){#notifMenu{display:none}.user-pill{padding:4px}.user-menu.has-notif .user-pill:after{content:"";background:var(--danger);border:2px solid var(--surface-mega);border-radius:50%;width:9px;height:9px;position:absolute;top:2px;right:2px}}.user-avatar.lg{width:40px;height:40px;font-size:14px}.user-avatar.sm{border-radius:var(--radius-sm);width:22px;height:22px;font-size:10px}.user-menu{position:relative}.user-menu.open .user-chev{transform:rotate(180deg)}.user-dropdown{transform-origin:100% 0;width:280px;right:0}.user-dropdown-head{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-3);display:flex}.user-dropdown-head-info{flex:1;min-width:0}.user-dropdown-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.user-dropdown-email{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.user-dropdown-head .theme-seg{flex-shrink:0}.user-dropdown-head .theme-seg button{width:26px;height:24px}.user-dropdown-head .theme-seg button svg{width:14px;height:14px}.user-dropdown-head.head-compact{padding-top:var(--space-3);padding-bottom:var(--space-3)}.user-dropdown-head.head-compact .user-avatar.lg,.user-dropdown-head.head-compact .user-dropdown-name{display:none}.user-dropdown-head.head-compact .user-dropdown-head-info{flex-direction:column;display:flex}.user-dropdown-head.head-compact .user-dropdown-email{color:var(--text-primary);margin-top:0;font-size:13px;font-weight:600}.user-dropdown-head.head-compact .user-dropdown-email:before{content:"Signed in as";color:var(--text-tertiary);margin-bottom:2px;font-size:11px;font-weight:500;display:block}.user-dropdown-section{padding:var(--space-1) 0}.user-dropdown-section+.user-dropdown-section{border-top:1px solid var(--border);margin-top:var(--space-1);padding-top:var(--space-2)}.user-dropdown-item:hover svg{color:var(--text-secondary)}.user-dropdown-item.danger{color:var(--danger-text)}.user-dropdown-item.danger svg{color:var(--danger)}.user-dropdown-item.danger:hover{background:var(--danger-bg);color:var(--danger-text)}.user-dropdown-item.feature{color:var(--text-primary);font-weight:600}.user-dropdown-item.feature svg{color:var(--primary)}.user-dropdown-grouplabel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:4px var(--space-3) 5px;font-size:10px;font-weight:600}.user-dropdown-grouplabel [data-biz-name]{text-transform:none;letter-spacing:0;color:var(--text-secondary);font-weight:700}.notif-menu{display:inline-flex;position:relative}.notif-dropdown{transform-origin:100% 0;width:340px;right:0}.notif-head{padding:var(--space-3) var(--space-3) var(--space-2);justify-content:space-between;align-items:center;display:flex}.notif-head-title{color:var(--text-primary);align-items:center;gap:var(--space-2);font-size:14px;font-weight:700;display:inline-flex}.notif-count{color:#fff;background:var(--primary);border-radius:var(--radius-pill);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.notif-count.zero{display:none}.notif-readall{color:var(--primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 6px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s}.notif-readall:hover{background:var(--surface-main)}.notif-readall:disabled{color:var(--text-tertiary);cursor:default;background:0 0}.notif-list{flex-direction:column;max-height:380px;display:flex;overflow-y:auto}.notif-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);text-decoration:none;transition:background .12s;display:flex;position:relative}.notif-item:hover{background:var(--surface-main)}.notif-item.unread{background:#3b5bdb0d}.notif-item.unread:hover{background:#3b5bdb17}.notif-icon{background:var(--surface-main);width:34px;height:34px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.notif-icon svg{width:16px;height:16px}.notif-icon.danger{background:var(--danger-bg);color:var(--danger-text)}.notif-icon.success{background:var(--success-bg);color:var(--success-text)}.notif-icon.info{background:var(--info-bg);color:var(--info-text)}.notif-body{min-width:0;padding-right:var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex}.notif-text{color:var(--text-secondary);font-size:13px;line-height:1.4}.notif-text strong{color:var(--text-primary);font-weight:600}.notif-time{color:var(--text-tertiary);font-size:11px}.notif-unread-dot{top:50%;right:var(--space-2);background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:opacity .15s;position:absolute;transform:translateY(-50%)}.notif-item:not(.unread) .notif-unread-dot{opacity:0}.notif-foot{border-top:1px solid var(--border);margin-top:var(--space-1);padding-top:var(--space-1)}.notif-foot-link{text-align:center;padding:var(--space-2);color:var(--primary);border-radius:var(--radius-sm);font-size:13px;font-weight:600;text-decoration:none;transition:background .12s;display:block}.notif-foot-link:hover{background:var(--surface-main)}.notif-empty{padding:var(--space-8) var(--space-5);text-align:center;color:var(--text-tertiary);font-size:13px}.search-overlay{z-index:500;-webkit-backdrop-filter:blur(3px);padding:12vh var(--space-4) var(--space-4);opacity:0;visibility:hidden;transition:opacity .18s var(--ease-out), visibility 0s linear .18s;background:#0f172a6b;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.search-overlay.open{opacity:1;visibility:visible;transition:opacity .18s var(--ease-out)}.search-palette{background:var(--surface-inner);border-radius:var(--radius-card);width:100%;max-width:600px;transition:transform .2s var(--ease-out);overflow:hidden;transform:translateY(-10px)scale(.99);box-shadow:0 32px 80px #0f172a52}.search-overlay.open .search-palette{transform:translateY(0)scale(1)}.search-field{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.search-field>svg{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.search-field input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.search-field input::placeholder{color:var(--text-tertiary)}.search-kbd{color:var(--text-tertiary);background:var(--surface-main);border-radius:var(--radius-sm);flex-shrink:0;padding:3px 7px;font-size:11px;font-weight:600}.search-results{max-height:min(440px,60vh);padding:var(--space-2);overflow-y:auto}.search-empty{padding:var(--space-10) var(--space-5);text-align:center;color:var(--text-tertiary);font-size:14px}.search-foot{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);color:var(--text-tertiary);font-size:11px;display:flex}.search-foot .k{background:var(--surface-main);border-radius:5px;margin-right:4px;padding:2px 6px;font-weight:600}.body-grid{grid-template-columns:var(--sidebar-width) 1fr;gap:var(--space-4);align-items:start;display:grid}.sidebar{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-3);align-items:flex-start;gap:var(--space-2);top:var(--space-6);z-index:40;flex-direction:column;display:flex;position:sticky;overflow:visible}.sidebar:hover,.sidebar:focus-within{z-index:60}.sidebar-group{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.sidebar-divider{background:var(--border);width:32px;height:1px;margin:var(--space-2) auto;align-self:center}.sidebar-btn{border-radius:var(--radius-card);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:flex-start;align-items:center;margin-left:2px;padding:0;font-family:inherit;text-decoration:none;transition:width .24s cubic-bezier(.4,0,.2,1),background .18s,color .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden}.sidebar-btn-icon{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.sidebar-btn-label{padding-right:var(--space-4);opacity:0;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .18s 60ms,transform .18s 60ms;transform:translate(-4px)}.sidebar-btn:hover{background:var(--surface-inner);width:208px;color:var(--text-primary);z-index:10;box-shadow:0 4px 12px #0f172a14}.sidebar-btn:hover .sidebar-btn-label{opacity:1;transform:translate(0)}.sidebar-btn.active,.sidebar-btn.active:hover{background:var(--primary-light);color:var(--primary)}.sidebar-btn.primary-action{background:var(--primary-gradient);color:#fff}.sidebar-btn.primary-action:hover{background:var(--primary-gradient-hover);color:#fff}.sidebar-btn.quickbillz{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.sidebar-btn.quickbillz:hover{background:var(--accent-gradient-hover);color:#fff;box-shadow:0 6px 20px var(--accent-glow)}.sidebar-btn svg{width:20px;height:20px}.ud-bizswitch{padding:var(--space-1) var(--space-2) var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-1)}.ud-biz-current{align-items:center;gap:var(--space-2);width:100%;padding:8px var(--space-2);background:var(--surface-main);border-radius:var(--radius-sm);cursor:pointer;text-align:left;border:none;font-family:inherit;transition:background .12s;display:flex}.ud-biz-current:hover{background:var(--surface-secondary-hover)}.ud-biz-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ud-biz-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.ud-biz-role{color:var(--text-tertiary);font-size:11px;font-weight:500}.ud-biz-chev{width:15px;height:15px;color:var(--text-tertiary);transition:transform .2s var(--ease-out);flex-shrink:0}.ud-bizswitch.open .ud-biz-chev{transform:rotate(180deg)}.ud-biz-list{margin-top:var(--space-1);flex-direction:column;gap:1px;display:none}.ud-bizswitch.open .ud-biz-list{display:flex}.ud-biz-opt{align-items:center;gap:var(--space-2);width:100%;padding:7px var(--space-2);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;transition:background .12s;display:flex}.ud-biz-opt:hover{background:var(--surface-main)}.ud-biz-opt-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ud-biz-opt-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ud-biz-opt-sub{color:var(--text-tertiary);font-size:11px}.ud-biz-check{width:16px;height:16px;color:var(--primary);opacity:0;flex-shrink:0;transition:opacity .12s}.ud-biz-opt[aria-checked=true] .ud-biz-check{opacity:1}.ud-biz-list .ud-biz-opt[aria-checked=true]{display:none}.ud-biz-manage{align-items:center;gap:var(--space-2);padding:7px var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);margin-top:1px;font-size:12px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.ud-biz-manage svg{width:15px;height:15px;color:var(--text-tertiary);flex-shrink:0}.ud-biz-manage:hover{background:var(--surface-main);color:var(--text-primary)}.theme-seg{background:var(--surface-main);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.theme-seg button{border-radius:var(--radius-pill);width:32px;height:27px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;transition:background .14s,color .14s;display:inline-flex}.theme-seg button svg{width:15px;height:15px}.theme-seg button:hover{color:var(--text-secondary)}.theme-seg button.active{background:var(--surface-inner);color:var(--text-primary);box-shadow:0 1px 3px #0f172a2e}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{color:var(--text-secondary);font-size:13px;font-weight:600}.field input:not([class]),.field select:not([class]),.field textarea:not([class]){border-radius:var(--radius-input);border:1px solid var(--border-strong);background:var(--surface-inner);width:100%;height:44px;color:var(--text-primary);padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}.field textarea:not([class]){resize:vertical;height:auto;padding:12px 14px}.field input:not([class]):focus,.field select:not([class]):focus,.field textarea:not([class]):focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b5bdb1f}.field input:not([class])[aria-invalid=true]{border-color:var(--danger)}.field .err{color:var(--danger-text);font-size:12.5px;font-weight:500}.btn-block{width:100%}.mode-toggle{background:var(--surface-main);border-radius:var(--radius-pill);align-items:center;height:44px;padding:4px;display:inline-flex;position:relative}.mode-toggle-indicator{background:var(--primary-gradient);border-radius:var(--radius-pill);z-index:0;transition:left .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px}.mode-toggle-btn{z-index:1;cursor:pointer;height:36px;color:var(--text-secondary);border-radius:var(--radius-pill);background:0 0;border:none;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:color .2s;position:relative}.mode-toggle-btn.active{color:#fff}.invoice-layout{gap:var(--space-4);grid-template-columns:1fr 480px;align-items:start;display:grid}.form-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.form-toolbar-left{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.template-loader{align-items:center;gap:var(--space-2);background:var(--surface-main);border-radius:var(--radius-pill);height:44px;padding:0 4px 0 14px;display:inline-flex}.template-loader-label{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.template-loader-select{appearance:none;background-color:var(--surface-inner);border-radius:var(--radius-pill);min-width:172px;max-width:268px;height:36px;color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid #0000;padding:0 30px 0 14px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .12s,box-shadow .12s}.template-loader-select:hover{border-color:var(--border)}.template-loader-select:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b5bdb1f}.new-bank{margin-top:var(--space-4);gap:var(--space-4);flex-direction:column;animation:.24s cubic-bezier(.22,1,.36,1) nb-reveal;display:flex}.new-bank[hidden]{display:none}@keyframes nb-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.new-bank-head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:11px;font-weight:600}.cs{display:inline-block;position:relative}.cs.cs-block{width:100%;display:block}.cs-trigger{text-align:left;cursor:pointer;align-items:center;height:36px;display:flex}.cs-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cs-trigger.open,.cs.open .cs-trigger{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b5bdb1f}.cs-trigger.select{background-image:none;position:relative}.cs-trigger.select:after{content:"";background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") 50%/16px no-repeat;border-radius:7px;width:30px;height:30px;transition:background-color .12s,transform .2s;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.cs-trigger.select:hover:after{background-color:var(--surface-main)}.cs.open .cs-trigger.select:after{transform:translateY(-50%)rotate(180deg)}.cs-trigger.select-sm:after{background-size:14px;width:26px;height:26px;right:4px}.cs-trigger.select-sm:hover:after{background-color:var(--surface-hover)}.cs-panel{transform-origin:0 0;min-width:100%;max-height:320px;left:0;overflow-y:auto}.cs.cs-right .cs-panel{transform-origin:100% 0;left:auto;right:0}.cs .cs-panel-fixed{position:fixed;top:auto;left:auto;right:auto}.cs.cs-right .cs-panel-fixed{right:auto}.cs-grouplabel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:var(--space-2) var(--space-3) var(--space-1);font-size:10px;font-weight:600}.cs-grouplabel+.cs-grouplabel,.cs-option+.cs-grouplabel{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:4px}.cs-option{justify-content:space-between}.cs-option.selected{color:var(--primary);font-weight:600}.cs-option.selected:after{content:"";background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B5BDB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") 50%/contain no-repeat;flex-shrink:0;width:15px;height:15px}.cs-option-accent{color:var(--primary);font-weight:600}.cs-empty{padding:9px var(--space-3);color:var(--text-tertiary);font-size:13px;font-weight:500}.save-account{align-items:flex-start;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.save-account input{opacity:0;width:0;height:0;position:absolute}.save-account-box{border:1.5px solid var(--border-strong);background:var(--surface-inner);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:background .14s,border-color .14s;display:inline-flex}.save-account-box svg{opacity:0;width:12px;height:12px;transition:opacity .12s}.save-account input:checked+.save-account-box{background:var(--primary);border-color:var(--primary)}.save-account input:checked+.save-account-box svg{opacity:1}.save-account-title{color:var(--text-primary);font-size:13px;font-weight:600;display:block}.save-account-sub{color:var(--text-tertiary);margin-top:1px;font-size:12px;display:block}.main-card{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-5)}.main-card+.main-card{margin-top:var(--space-4)}.main-card.optional-section{margin-top:var(--space-4);animation:.24s cubic-bezier(.22,1,.36,1) nb-reveal}.main-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.main-card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:600}.main-card-sub{color:var(--text-tertiary);font-size:12px}.add-row{align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.add-row.is-empty{display:none}.add-row-label{color:var(--text-tertiary);margin-right:var(--space-1);font-size:12px;font-weight:600}.add-chip{border-radius:var(--radius-pill);background:var(--surface-inner);border:1px dashed var(--border-strong);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.add-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);border-style:solid}.add-chip svg{width:14px;height:14px}.add-chip[hidden]{display:none}.card-remove{width:30px;height:30px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:-8px -8px -8px 0;transition:background .12s,color .12s;display:inline-flex}.card-remove:hover{background:var(--surface-inner);color:var(--text-primary)}.card-remove svg{width:15px;height:15px}.field+.field{margin-top:var(--space-4)}.field-row{gap:var(--space-3);grid-template-columns:1fr 1fr;align-items:start;display:grid}.field-row>.field+.field{margin-top:0}.field-row+.field,.field+.field-row,.field-row+.field-row{margin-top:var(--space-4)}.label{color:var(--text-secondary);letter-spacing:.01em;font-size:12px;font-weight:600}.label-optional{color:var(--text-tertiary);margin-left:4px;font-weight:400}.input,.textarea,.select{background:var(--surface-inner);border:1px solid var(--field-border,transparent);border-radius:var(--radius-input);width:100%;height:44px;color:var(--text-primary);padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:hover,.textarea:hover,.select:hover{border-color:var(--border)}.input:focus,.textarea:focus,.select:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b5bdb1f}.select-sm{background-color:var(--surface-main);border-color:var(--border);background-position:right 10px center;background-size:14px;height:34px;padding:0 32px 0 10px;font-size:12px;font-weight:500}.select-sm:hover{border-color:var(--border-strong)}.checkbox{appearance:none;border:1.5px solid var(--border-strong);background-color:var(--surface-main);cursor:pointer;vertical-align:middle;border-radius:5px;flex:0 0 18px;width:18px;height:18px;margin:0;transition:background-color .12s,border-color .12s;display:inline-block}.checkbox:hover:not(:disabled){border-color:var(--primary)}.checkbox:checked{background-color:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:12px}.checkbox:focus-visible{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b5bdb1f}.checkbox:disabled{cursor:default;opacity:.5}.textarea{resize:vertical;height:auto;min-height:88px;padding:12px 14px;line-height:1.5}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.amount-field{background:var(--surface-inner);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);border:1px solid #0000;transition:border-color .15s,box-shadow .15s;display:flex}.amount-field:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b5bdb1f}.amount-field-label{flex-direction:column;gap:2px;display:flex}.amount-field-label-main{color:var(--text-primary);font-size:14px;font-weight:600}.amount-field-label-sub{color:var(--text-tertiary);font-size:12px}.amount-field-input{align-items:baseline;gap:4px;display:flex}.amount-field-currency{color:var(--text-tertiary);font-size:20px;font-weight:600}.amount-field-value{color:var(--text-primary);text-align:right;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;width:240px;font-family:inherit;font-size:32px;font-weight:700}.amount-field-value::placeholder{color:var(--text-tertiary);font-weight:600}.combobox{position:relative}.combobox-inputwrap{background:var(--surface-inner);border:1px solid var(--field-border,transparent);border-radius:var(--radius-input);align-items:center;height:44px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.combobox-inputwrap:hover{border-color:var(--border)}.combobox-inputwrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b5bdb1f}.combobox-input{min-width:0;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0 14px;font-family:inherit;font-size:14px;font-weight:500}.combobox-input::placeholder{color:var(--text-tertiary);font-weight:400}.combobox-customer-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:10px;font-size:10px;font-weight:700;display:inline-flex}.combobox-customer-avatar[hidden]{display:none}.combobox-clear{width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:2px;transition:background .12s,color .12s;display:inline-flex}.combobox-clear:hover{background:var(--surface-main);color:var(--text-primary)}.combobox-clear[hidden]{display:none}.combobox-clear svg{width:14px;height:14px}.combobox-chev{width:30px;height:30px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-right:5px;transition:background .12s,color .12s;display:inline-flex}.combobox-chev:hover{background:var(--surface-main);color:var(--text-primary)}.combobox-chev svg{width:16px;height:16px;transition:transform .2s}.combobox.open .combobox-chev svg{transform:rotate(180deg)}.cust-detail-hint{color:var(--text-tertiary);margin-top:7px;font-size:12px}.cust-detail-hint a{color:var(--primary);font-weight:600;text-decoration:none}.cust-pop{transform-origin:0 0;width:100%;left:0}.cust-pop-list{max-height:320px;overflow-y:auto}.cust-pop-group{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:var(--space-2) var(--space-3) var(--space-1);font-size:10px;font-weight:600}.cust-avatar{background:var(--primary-light);width:34px;height:34px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.cust-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cust-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.cust-meta{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cust-row-new .cust-name{color:var(--primary)}.cust-row-new .cust-avatar{background:var(--primary-gradient);color:#fff}.cust-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:13px}.cust-pop.cust-pop-fixed{width:auto;top:auto;left:auto;overflow-y:auto}.lineitems{background:var(--surface-inner);border-radius:var(--radius-card);overflow:hidden}.lineitems-header,.lineitem{gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:1fr 80px 110px 110px 40px;align-items:center;display:grid}.lineitems-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--border);font-size:11px;font-weight:600}.lineitem{border-bottom:1px solid var(--border)}.lineitem:last-of-type{border-bottom:none}.lineitem .input{border-radius:var(--radius-sm);background:0 0;height:36px;padding:0 10px}.lineitem .input:hover,.lineitem .input:focus{background:var(--surface-main)}.lineitem-remove{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.lineitem-remove:hover{background:var(--danger-bg);color:var(--danger-text)}.lineitem-remove svg{width:16px;height:16px}.lineitems-add{padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-2);color:var(--primary);cursor:pointer;text-align:left;border:none;border-top:1px solid var(--border);background:0 0;width:100%;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s;display:flex}.lineitems-add:hover{background:var(--surface-main)}.lineitems-add svg{width:14px;height:14px}.lineitems-running-total{margin-top:var(--space-3);background:var(--surface-inner);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.lineitems-running-total-label{flex-direction:column;gap:2px;display:flex}.lineitems-running-total-label-main{color:var(--text-primary);font-size:14px;font-weight:600}.lineitems-running-total-label-sub{color:var(--text-tertiary);font-size:12px}.lineitems-running-total-value{color:var(--text-primary);letter-spacing:-.015em;font-size:22px;font-weight:700}.segmented{background:var(--surface-inner);border-radius:var(--radius-input);gap:2px;padding:4px;display:inline-flex}.segmented-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.segmented-btn:hover{color:var(--text-primary)}.segmented-btn.active{background:var(--surface-main);color:var(--text-primary);font-weight:600}.totals{background:var(--surface-inner);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.totals-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.totals-row.grand{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-2);color:var(--text-primary);font-size:16px;font-weight:700}.totals-row[hidden]{display:none}.split-btn{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-btn);align-items:stretch;height:40px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex;position:relative;overflow:visible}.split-btn:hover{background:var(--primary-gradient-hover)}.split-btn-main{align-items:center;gap:var(--space-2);height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0 14px 0 18px;display:inline-flex}.split-btn-divider{background:#ffffff38;width:1px;margin:6px 0}.split-btn-trigger{height:100%;color:inherit;cursor:pointer;border-top-right-radius:var(--radius-btn);border-bottom-right-radius:var(--radius-btn);background:0 0;border:none;justify-content:center;align-items:center;padding:0 14px;transition:background .12s;display:inline-flex}.split-btn-trigger:hover{background:#ffffff1f}.split-btn-trigger svg{transition:transform .2s}.split-btn.open .split-btn-trigger svg{transform:rotate(180deg)}.split-btn-menu{transform-origin:100% 100%;min-width:220px;top:auto;bottom:calc(100% + 6px);right:0;transform:translateY(8px)scale(.98)}.split-btn-menu-item.danger{color:var(--danger-text)}.split-btn-menu-item.danger svg{color:var(--danger)}.split-btn-menu-item.danger:hover{background:var(--danger-bg)}.action-bar{z-index:20;margin-top:var(--space-4);background:var(--surface-main);box-shadow:0 0 11px var(--surface-main);border-radius:var(--radius-section);padding:var(--space-4) var(--space-5);align-items:stretch;gap:var(--space-3);flex-direction:column;display:flex;position:sticky;bottom:0}.action-bar-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.action-bar-right{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.action-bar-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.btn-quiet{color:var(--text-secondary);background:0 0}.btn-quiet:hover{color:var(--text-primary);background:#0f172a0f}.action-bar .pill.neutral{background:var(--surface-inner);color:var(--text-secondary)}.action-bar .pill.neutral .pill-dot{background:var(--success)}.pill.neutral{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.overflow-btn{display:inline-flex;position:relative}.overflow-trigger{width:40px;padding:0}.overflow-trigger svg{width:18px;height:18px}.overflow-btn .split-btn-menu{min-width:200px}.preview-wrap{top:var(--space-6);position:sticky}.preview-frame{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-3)}.preview-frame-title{padding:var(--space-2) var(--space-3) var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.preview-frame-title-text{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:12px;font-weight:600}.preview-edit-hint{color:var(--text-tertiary);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.preview-edit-hint svg{width:13px;height:13px}.preview-theme-picker{align-items:center;gap:var(--space-2);display:inline-flex;position:relative}.preview-theme-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:11px;font-weight:600}.preview-theme-select{appearance:none;background:var(--surface-inner);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid #0000;padding:6px 30px 6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .12s,box-shadow .12s}.preview-theme-select:hover{border-color:var(--border)}.theme-accent{background:var(--surface-inner);border:1px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.theme-accent:disabled{cursor:default;opacity:.7}.theme-accent-dot{background:var(--surface-main);border:1px solid var(--border-strong);border-radius:50%;width:22px;height:22px}.ed-doc{font:inherit;color:inherit;cursor:text;background:0 0;border:1px solid #0000;border-radius:5px;margin:-2px -5px;padding:2px 5px;transition:background .13s,border-color .13s,box-shadow .13s}.ed-doc:hover{border-color:var(--border);background:#0f172a0b}.ed-doc:focus,.ed-doc:focus-visible{border-color:var(--border-focus);background:#fff;outline:none;box-shadow:0 0 0 3px #3b5bdb21}input.ed-doc::placeholder,textarea.ed-doc::placeholder{color:var(--text-tertiary)}input.ed-doc,textarea.ed-doc{width:100%;font-family:inherit;display:block}input.ed-doc.num{text-align:right;font-variant-numeric:tabular-nums}textarea.ed-doc{resize:none;line-height:1.5}input.ed-doc.preview-doc-date-value{width:104px}.preview-doc-item.pv-item{align-items:center;position:relative}.preview-doc-item.pv-item input.ed-doc{margin:0;padding:3px 5px}.pv-qty-static{text-align:right;color:var(--text-tertiary);font-weight:500}.pv-line-rm{width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .12s,background .12s,color .12s;display:inline-flex;position:absolute;top:50%;left:-22px;transform:translateY(-50%)}.preview-doc-item.pv-item:hover .pv-line-rm{opacity:1}.pv-line-rm:hover{background:var(--danger-bg);color:var(--danger-text)}.pv-line-rm svg{width:13px;height:13px}.pv-add-line{margin-top:var(--space-3);color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.pv-add-line:hover{text-decoration:underline}.pv-add-line svg{width:13px;height:13px}.pv-cust-btn{border-radius:var(--radius-sm);border:1px dashed var(--border-strong);color:var(--text-tertiary);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:7px 11px;font-family:inherit;font-size:12px;font-weight:600;transition:all .14s;display:inline-flex}.pv-cust-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.pv-cust-btn svg{width:14px;height:14px}.preview-doc{--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border:#e5e7eb;--border-strong:#d1d5db;--surface-inner:#fff;--primary:#3b5bdb;--primary-light:#eaeffd;--primary-gradient:linear-gradient(135deg, #3b5bdb 0%, #5a4bd9 100%);border-radius:var(--radius-card);--page-pad-x:var(--space-5);--page-pad-y:var(--space-6);padding:var(--page-pad-y) var(--page-pad-x);color:var(--text-primary);background:#fff;min-height:600px;font-size:12px;line-height:1.5;box-shadow:0 1px 3px #0f172a0d}.preview-doc-item-sub{color:var(--text-tertiary);margin-top:2px;font-size:10.5px}.preview-doc-pay-body{margin-top:2px}.preview-doc-pay-body b{color:var(--text-primary);font-weight:600}.preview-doc-note-msg{margin-top:var(--space-3)}.pdf-render-stage{z-index:-1;pointer-events:none;background:#fff;width:760px;position:fixed;top:0;left:-10000px}.pdf-render-sheet{background:#fff;width:760px;padding:0;position:relative;overflow:hidden}.pdf-render-sheet .pdf-doc.preview-doc{box-shadow:none;--page-pad-x:var(--space-10,48px);--page-pad-y:var(--space-10,48px);border-radius:0;width:100%;max-width:100%}.pdf-render-sheet .pdf-doc[data-theme=banner]{min-height:1075px}.pdf-render-sheet .preview-doc-empty{display:none}.ta-r{text-align:right}.actions-menu{transform-origin:100% 0;min-width:200px;right:0}.actions-kebab{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .12s;display:inline-flex;position:relative}.actions-kebab svg{transform:rotate(90deg)}tr:hover .actions-kebab{color:var(--text-secondary)}.actions-kebab:hover{background:var(--surface-inner);color:var(--text-primary)}.actions-menu-item.danger{color:var(--danger-text)}.actions-menu-item.danger svg{color:var(--danger)}.actions-menu-item.danger:hover{background:var(--danger-bg)}.actions-menu-item:disabled{color:var(--text-tertiary);cursor:not-allowed}.actions-menu-item:disabled:hover{background:0 0}.actions-menu-divider{background:var(--border);height:1px;margin:4px 6px}.detail-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.detail-header-main .h1{margin-bottom:0}.detail-header-main .h1-sub{margin-top:6px}.detail-title-row{align-items:center;gap:var(--space-3);display:flex}.detail-actions{align-items:center;gap:var(--space-2);display:inline-flex}.detail-more{position:relative}.detail-more-menu{top:calc(100% + 6px);left:auto;right:0}.overflow-btn.open .overflow-trigger,.detail-more.open .overflow-trigger{background:var(--surface-secondary-hover);box-shadow:0 0 0 3px #3b5bdb1f}.status-banner{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-section);display:flex}.status-banner-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.status-banner-icon svg{width:20px;height:20px}.status-banner-text{flex:1;min-width:0}.status-banner-title{font-size:14px;font-weight:700}.status-banner-sub{opacity:.85;margin-top:1px;font-size:13px}.status-banner-action{color:inherit;background:#ffffffb3;flex-shrink:0}.status-banner-action:hover{background:#fff}.status-banner.danger{background:var(--danger-bg);color:var(--danger-text)}.status-banner.danger .status-banner-icon{background:var(--danger);color:#fff}.status-banner.warning{background:var(--warning-bg);color:var(--warning-text)}.status-banner.warning .status-banner-icon{background:var(--warning);color:#fff}.status-banner.info{background:var(--info-bg);color:var(--info-text)}.status-banner.info .status-banner-icon{background:var(--info);color:#fff}.status-banner.success{background:var(--success-bg);color:var(--success-text)}.status-banner.success .status-banner-icon{background:var(--success);color:#fff}.status-banner.neutral{color:#5f5e5a;background:#f0efe9}.status-banner.neutral .status-banner-icon{color:#fff;background:#5f5e5a}.status-banner.void{color:#8a5a5a;background:#f9f1f1}.status-banner.void .status-banner-icon{color:#fff;background:#a16a6a}.detail-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.detail-doc-wrap{min-width:0}.invoice-doc{background:var(--surface-inner);border:1px solid var(--border);border-radius:var(--radius-section);padding:var(--space-8);position:relative;overflow:hidden}.idoc-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);display:flex}.idoc-brand{align-items:center;gap:var(--space-3);display:flex}.idoc-logo{border-radius:var(--radius-card);background:var(--primary-gradient);color:#fff;letter-spacing:-.02em;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:inline-flex}.idoc-biz-name{font-size:16px;font-weight:700}.idoc-biz-meta{color:var(--text-tertiary);margin-top:2px;font-size:12px}.idoc-title-block{text-align:right}.idoc-title{letter-spacing:-.02em;color:var(--text-primary);font-size:20px;font-weight:800}.idoc-number{color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px}.idoc-parties{justify-content:space-between;gap:var(--space-6);padding:var(--space-5) 0;display:flex}.idoc-party-label,.idoc-foot-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);margin-bottom:6px;font-size:10px;font-weight:700}.idoc-party-name{font-size:15px;font-weight:700}.idoc-party-line{color:var(--text-secondary);margin-top:3px;font-size:13px;line-height:1.5}.idoc-meta{min-width:200px}.idoc-meta-row{justify-content:space-between;gap:var(--space-4);padding:3px 0;font-size:13px;display:flex}.idoc-meta-row span:first-child{color:var(--text-tertiary)}.idoc-meta-row span:last-child{font-weight:600}.idoc-items-head{gap:var(--space-3);border-bottom:1.5px solid var(--text-primary);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);grid-template-columns:1fr 60px 90px 100px;padding:10px 0;font-size:10px;font-weight:700;display:grid}.idoc-item{gap:var(--space-3);border-bottom:1px solid var(--border);grid-template-columns:1fr 60px 90px 100px;padding:12px 0;font-size:13px;display:grid}.idoc-item-desc{color:var(--text-primary);font-weight:600}.idoc-item-sub{color:var(--text-tertiary);margin-top:2px;font-size:12px;font-weight:400}.idoc-totals{width:280px;padding-top:var(--space-4);flex-direction:column;align-items:stretch;gap:0;margin-left:auto;display:flex}.idoc-totals-row{justify-content:space-between;gap:var(--space-4);color:var(--text-secondary);padding:6px 0;font-size:13px;display:flex}.idoc-totals-row span:last-child{color:var(--text-primary);font-weight:600}.idoc-totals-row.grand{border-top:1px solid var(--border);margin-top:4px;padding-top:12px;font-size:15px;font-weight:700}.idoc-totals-row.grand span{color:var(--text-primary);font-weight:800}.idoc-totals-row.paid-row span:last-child{color:var(--success-text)}.cust-history{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cust-history-item{padding-left:var(--space-3);border-left:2px solid var(--border);flex-direction:column;gap:2px;display:flex}.cust-history-item.merge{border-left-color:var(--primary)}.cust-history-what{color:var(--text-secondary);font-size:13px;line-height:1.45}.cust-history-item.merge .cust-history-what{color:var(--text-primary);font-weight:600}.cust-history-when{color:var(--text-tertiary);font-size:11px}.idoc-totals-row.discount span:last-child{color:var(--text-secondary);font-weight:500}.idoc-totals-row.balance{border-top:1px solid var(--border);margin-top:4px;padding-top:12px;font-size:16px}.idoc-totals-row.balance span{color:var(--text-primary);font-weight:800}.idoc-foot{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.idoc-foot-text{color:var(--text-secondary);font-size:13px;line-height:1.6}.detail-aside{gap:var(--space-4);top:var(--space-6);flex-direction:column;display:flex;position:sticky}.summary-card{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.summary-rows{gap:var(--space-2);flex-direction:column;display:flex}.summary-row{justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.summary-label{color:var(--text-secondary)}.summary-val{font-weight:700}.summary-val.paid{color:var(--success-text)}.summary-progress{background:var(--surface-inner);border-radius:8px;height:8px;overflow:hidden}.summary-progress>i{background:var(--success);border-radius:8px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.summary-balance{padding-top:var(--space-1);justify-content:space-between;align-items:baseline;display:flex}.summary-balance-label{color:var(--text-secondary);font-size:13px;font-weight:600}.summary-balance-val{letter-spacing:-.02em;font-size:22px;font-weight:800}.summary-card .btn-block{margin-top:var(--space-2)}.summary-card .summary-secondary{border:1px solid var(--border);background:var(--surface-inner)}.summary-card .summary-secondary:hover{border-color:var(--border-strong);background:#f1f2f5}.aside-card{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-5)}.aside-card-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.aside-card-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:11px;font-weight:700}.aside-card-link{color:var(--primary);font-size:12px;font-weight:600;text-decoration:none}.aside-card-link:hover{text-decoration:underline}.aside-customer{align-items:center;gap:var(--space-3);display:flex}.aside-customer-avatar{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.aside-customer-name{font-size:14px;font-weight:700}.aside-customer-email{color:var(--text-tertiary);margin-top:1px;font-size:12px}.aside-customer-stats{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex}.aside-stat{flex-direction:column;flex:1;gap:2px;display:flex}.aside-stat-n{color:var(--text-primary);font-size:14px;font-weight:700}.aside-stat-l{color:var(--text-tertiary);font-size:11px}.timeline{flex-direction:column;display:flex}.tl-item{gap:var(--space-3);padding-bottom:var(--space-4);display:flex;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--border);width:1.5px;position:absolute;top:26px;bottom:0;left:13px}.tl-item:last-child:before{display:none}.tl-dot{background:var(--surface-inner);width:28px;height:28px;color:var(--text-tertiary);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.tl-dot svg{width:14px;height:14px}.tl-dot.success{background:var(--success-bg);color:var(--success-text)}.tl-dot.info{background:var(--info-bg);color:var(--info-text)}.tl-dot.primary{background:var(--primary-light);color:var(--primary)}.tl-dot.danger{background:var(--danger-bg);color:var(--danger-text)}.tl-title.undone{color:var(--text-tertiary);text-decoration:line-through}.tl-note{color:var(--text-tertiary);margin-top:1px;font-size:11px}.tl-body{flex:1;min-width:0;padding-top:4px}.tl-title{color:var(--text-primary);font-size:13px;font-weight:600}.tl-title strong{font-weight:700}.tl-time{color:var(--text-tertiary);margin-top:1px;font-size:12px}.tl-amount{color:var(--success-text);font-size:13px;font-weight:700}@media (width<=1180px){.detail-grid{grid-template-columns:1fr}.detail-aside{position:static}}@media (width<=820px){.detail-header{flex-direction:column}.detail-actions{gap:var(--space-2);flex-wrap:wrap;width:100%}.detail-more{flex:none}.idoc-parties{gap:var(--space-4);flex-direction:column}.idoc-items-head,.idoc-item{gap:var(--space-2);grid-template-columns:1fr 40px 70px 80px;font-size:12px}.idoc-totals{width:100%}.invoice-doc{padding:var(--space-4)}}.metric-row{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.metric-row.compact{gap:var(--space-3)}.compact-card{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);cursor:pointer;text-align:left;color:inherit;border:none;font-family:inherit;transition:background .18s,transform .18s;display:flex}.compact-card:hover{background:#eceef3;transform:translateY(-1px)}.compact-card-icon{border-radius:var(--radius-card);background:var(--surface-inner);width:40px;height:40px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.compact-card-icon svg{width:18px;height:18px}.compact-card-icon.issued{color:#4776e6;background:#eaeffb}.compact-card-icon.overdue{color:#8e54e9;background:#f0eafb}.compact-card-icon.draft{color:#6366e0;background:#ecedfb}.compact-card.tint-issued{background:#eaeffb}.compact-card.tint-overdue{background:#f0eafb}.compact-card.tint-draft{background:#ecedfb}.compact-card.tint-issued:hover{background:#e1e8f9}.compact-card.tint-overdue:hover{background:#e9e0f8}.compact-card.tint-draft:hover{background:#e4e5f9}.compact-card.tint-issued .compact-card-label,.compact-card.tint-issued .compact-card-value{color:#3a5fd9}.compact-card.tint-overdue .compact-card-label,.compact-card.tint-overdue .compact-card-value{color:#6b3fb0}.compact-card.tint-draft .compact-card-label,.compact-card.tint-draft .compact-card-value{color:#4a4bc4}.compact-card[class*=tint-] .compact-card-icon{background:#ffffffa6}.compact-card.tint-issued .compact-card-icon{color:#4776e6}.compact-card.tint-overdue .compact-card-icon{color:#8e54e9}.compact-card.tint-draft .compact-card-icon{color:#6366e0}.compact-card-body{flex:1;align-items:center;min-width:0;display:flex}.compact-card-value{letter-spacing:-.02em;color:var(--text-primary);padding-left:var(--space-3);flex-shrink:0;margin-left:auto;font-size:22px;font-weight:700;line-height:1.1}.compact-card-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.alert-msg{background:var(--danger-bg);color:var(--danger-text);border-radius:var(--radius-sm);margin-bottom:var(--space-4);padding:10px 14px;font-size:13px;font-weight:500;transition:opacity 3s linear;animation:.24s cubic-bezier(.22,1,.36,1) alert-in}.alert-msg.fading{opacity:0}.alert-msg.info{background:var(--info-bg);color:var(--info-text)}.alert-msg.success{background:var(--success-bg);color:var(--success-text)}@keyframes alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.alert-msg{animation:none}}.table-section{gap:var(--space-4);flex-direction:column;display:flex}.table-section-bar{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.table-section-title{letter-spacing:-.02em;color:var(--text-primary);padding:var(--space-1) var(--space-1) 0;font-size:15px;font-weight:700}.table-section-tools{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.table-section-tools-left{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.table-section-tools-right{align-items:center;gap:var(--space-2);display:flex}.filter-pills{background:var(--surface-inner);border-radius:var(--radius-pill);align-items:center;gap:0;padding:4px;display:inline-flex;position:relative}.filter-pill-indicator{will-change:transform, width;contain:paint;background:var(--primary-gradient);border-radius:var(--radius-pill);z-index:0;pointer-events:none;width:0;transition:transform .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;left:0;transform:translate(0)}.filter-pill{z-index:1;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-pill);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.filter-pill:hover{color:var(--text-primary)}.filter-pill.cur{color:#fff}.filter-pill-count{background:var(--surface-main);min-width:18px;height:18px;color:var(--text-secondary);border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.filter-pill.cur .filter-pill-count{color:#fff;background:#ffffff38}.search-input{background:var(--surface-inner);border-radius:var(--radius-pill);height:36px;color:var(--text-primary);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");background-position:12px;background-repeat:no-repeat;background-size:14px;border:1px solid #0000;width:220px;padding:0 14px 0 36px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s,width .2s}.search-input::placeholder{color:var(--text-tertiary)}.search-input:hover{border-color:var(--border)}.search-input:focus{border-color:var(--border-focus);outline:none;width:260px;box-shadow:0 0 0 3px #3b5bdb1f}.filter-pilldrop,.sort-pilldrop{display:none}.table-card{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-3)}.table-container{background:var(--surface-inner);border-radius:var(--radius-card);overflow:hidden}#invoiceTable{table-layout:fixed;min-width:846px}@media (width>=1061px){#invoiceTable col.col-invoice{width:14%}#invoiceTable col.col-customer{width:22%}#invoiceTable col.col-issued,#invoiceTable col.col-due,#invoiceTable col.col-status{width:14%}#invoiceTable col.col-amount{width:16%}#invoiceTable col.col-actions{width:6%}#invoiceTable th,#invoiceTable td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#invoiceTable td.actions-cell,#invoiceTable th.actions-cell{text-overflow:clip;padding-left:0;padding-right:var(--space-4);text-align:right;overflow:visible}#invoiceTable td:nth-child(5),#invoiceTable th:nth-child(5){text-overflow:clip;overflow:visible}}.dtable{border-collapse:collapse;width:100%}.dtable thead th{text-align:left;padding:var(--space-3) var(--space-5);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-inner);-webkit-user-select:none;user-select:none;cursor:pointer;border-bottom:none;font-size:11px;font-weight:600}.dtable thead th:hover{color:var(--text-primary)}.dtable thead th .sort-indicator{color:var(--text-tertiary);margin-left:4px;transition:color .12s;display:inline-flex}.dtable thead th.sorted .sort-indicator{color:var(--text-primary)}.dtable thead th.sorted.desc .sort-indicator svg{transform:rotate(180deg)}.dtable thead th .sort-indicator svg{width:12px;height:12px;transition:transform .2s}.dtable thead th.text-right{text-align:right}.dtable thead th.no-sort{cursor:default}.dtable thead th.no-sort:hover{color:var(--text-tertiary)}.dtable thead tr{position:relative}.dtable thead tr:after{content:"";pointer-events:none;border-bottom:1px solid #eceef1;position:absolute;bottom:0;left:5px;right:5px}.dtable td{padding:var(--space-3);color:var(--text-primary);vertical-align:middle;border-bottom:none;font-size:14px}.dtable tbody tr{transition:background .1s;position:relative}.dtable tbody tr:after{content:"";pointer-events:none;border-bottom:1px solid #eceef1;position:absolute;bottom:0;left:5px;right:5px}.dtable tbody tr:last-child:after{border-bottom:none}.dtable tbody tr:hover{background:#f8f9fb}.dtable.rows-clickable tbody tr{cursor:pointer}.table-empty{text-align:center;color:var(--text-tertiary);font-size:14px;padding:48px var(--space-5)!important}.dtable td.actions-cell,.dtable th.actions-cell{white-space:nowrap;text-align:right;width:1%;padding-left:0;padding-right:var(--space-4);overflow:visible}html[data-theme=dark] .dtable thead tr:after,html[data-theme=dark] .dtable tbody tr:after{border-bottom-color:var(--border)}html[data-theme=dark] .dtable tbody tr:hover{background:var(--surface-main)}.invoice-num{color:var(--primary);font-weight:600}.customer-cell{align-items:center;gap:var(--space-2);display:flex}.customer-avatar{color:#fff;background:linear-gradient(135deg,#3b5bdb 0%,#5a4bd9 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.customer-name{font-weight:500}.cust-lines{flex-direction:column;min-width:0;display:flex}.cust-invnum{display:none}.date-cell{color:var(--text-secondary);font-size:13px}.amount-cell{text-align:right;font-weight:600}.text-right{text-align:right}.pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2) 0;display:flex}.pagination-info{color:var(--text-secondary);font-size:13px}.pagination-controls{align-items:center;gap:var(--space-1);display:flex}.page-btn{border-radius:var(--radius-sm);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.page-btn:hover{background:var(--surface-inner);color:var(--text-primary)}.page-btn.active{background:var(--text-primary);color:#fff}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-btn:disabled:hover{color:var(--text-secondary);background:0 0}.page-btn svg{width:14px;height:14px}.page-btn.gap{pointer-events:none;min-width:20px}.pagination-right{align-items:center;gap:var(--space-4);display:flex}.page-size{align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:13px;font-weight:500;display:inline-flex}.pagesize-pilldrop .date-menu{min-width:100%;left:0;right:auto}.pagesize-pilldrop .date-pill-trigger{background:var(--surface-inner);border:none}.pagesize-pilldrop .date-pill-trigger:hover{background:var(--surface-main)}@media (width>=821px) and (width<=1180px){.table-section-tools{row-gap:var(--space-3);flex-wrap:wrap}.table-section-tools-left{flex:100%;order:2}.table-section-tools-right{flex:100%;order:1}.search-input{flex:auto}}@media (width>=821px) and (width<=1060px){#invoiceTable{min-width:0}#invoiceTable col.col-invoice{width:15%}#invoiceTable col.col-customer{width:26%}#invoiceTable col.col-issued{width:0}#invoiceTable col.col-due{width:18%}#invoiceTable col.col-status{width:16%}#invoiceTable col.col-amount{width:15%}#invoiceTable col.col-actions{width:10%}#invoiceTable th,#invoiceTable td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#invoiceTable td.actions-cell,#invoiceTable th.actions-cell{text-overflow:clip;text-align:right;padding-right:var(--space-4);overflow:visible}#invoiceTable td:nth-child(3),#invoiceTable th:nth-child(3){padding:0}#invoiceTable td:nth-child(5),#invoiceTable th:nth-child(5){overflow:visible}}@media (width<=820px){.table-container:has(.dtable.cards){background:0 0;border-radius:0;overflow:visible}.dtable.cards{table-layout:auto;width:100%;min-width:0;display:block}.dtable.cards colgroup,.dtable.cards thead{display:none}.dtable.cards tbody{gap:var(--space-2);flex-direction:column;display:flex}.dtable.cards tbody tr{align-items:center;column-gap:var(--space-3);background:var(--surface-inner);border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.dtable.cards tbody tr:after{display:none}.dtable.cards tbody td{border-bottom:none;padding:0;display:block}.dtable.cards tbody td[colspan]{text-align:center;grid-column:1/-1}#invoiceTable{table-layout:auto;min-width:0}.table-section-tools{align-items:stretch;gap:var(--space-3);flex-direction:column}.table-section-tools-left{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.table-section-tools-left::-webkit-scrollbar{display:none}.filter-pills{flex-wrap:nowrap}.table-section-tools-right{flex-wrap:wrap;width:100%}.search-input,.search-input:focus{flex:auto;width:100%;min-width:0}.pagination{gap:var(--space-3) var(--space-2);padding:var(--space-3) 0 0;flex-wrap:wrap;align-items:center}.pagination-right{display:contents}.pagination-info{text-align:left;flex:auto;order:1;min-width:0;font-size:12.5px}.page-size{flex:none;order:2;margin-left:auto;font-size:12.5px}.pagination-controls{margin-top:var(--space-1);flex:100%;order:3;justify-content:flex-end}.pagesize-pilldrop .date-menu{z-index:230;top:auto;bottom:calc(100% + 8px)}#invoiceTable tbody tr{padding:var(--space-4);grid-template-rows:auto auto auto;row-gap:0}#invoiceTable tbody td:nth-child(5){grid-area:1/1;justify-self:start;margin-bottom:12px}#invoiceTable tbody td:nth-child(7){grid-area:1/2;place-self:start end}#invoiceTable tbody td:nth-child(2){grid-area:2/1/span 2;align-self:center;min-width:0}#invoiceTable tbody td:nth-child(2) .customer-cell{gap:var(--space-3);align-items:center}#invoiceTable tbody td:nth-child(2) .customer-avatar{width:40px;height:40px;font-size:14px}#invoiceTable tbody td:nth-child(2) .customer-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}#invoiceTable tbody td:nth-child(2) .cust-invnum{color:var(--primary);margin-top:1px;font-size:13px;font-weight:600;display:block}#invoiceTable tbody td:nth-child(6){grid-area:2/2;place-self:center end;font-size:20px;font-weight:700}#invoiceTable tbody td:first-child{display:none}#invoiceTable tbody td:nth-child(4){color:var(--text-tertiary);grid-area:3/2;place-self:center end;font-size:13px}#invoiceTable tbody td:nth-child(4):before{content:"Due "}#invoiceTable tbody td:nth-child(3){display:none}#quoteTable tbody tr{grid-template-rows:auto auto auto;row-gap:0}#quoteTable tbody td:nth-child(2){grid-area:1/1;min-width:0}#quoteTable tbody td:nth-child(2) .customer-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#quoteTable tbody td:nth-child(2) .cust-invnum{display:none}#quoteTable tbody td:nth-child(7){grid-area:1/2;justify-self:end}#quoteTable tbody td:nth-child(5){grid-area:2/1;margin-top:6px}#quoteTable tbody td:nth-child(6){grid-area:2/2;justify-self:end;font-size:15px}#quoteTable tbody td:first-child{grid-area:3/1;margin-top:6px;font-size:12px}#quoteTable tbody td:nth-child(4){color:var(--text-tertiary);grid-area:3/2;justify-self:end;font-size:12px}#quoteTable tbody td:nth-child(3){display:none}#customerTable tbody tr{grid-template-rows:auto auto auto;row-gap:0}#customerTable tbody td:first-child{grid-area:1/1;min-width:0}#customerTable tbody td:nth-child(7){grid-area:1/2;justify-self:end}#customerTable tbody td:nth-child(6){grid-area:2/1;margin-top:6px}#customerTable tbody td:nth-child(4){grid-area:2/2;justify-self:end;font-size:14px}#customerTable tbody td:nth-child(3){color:var(--text-tertiary);grid-area:3/1/auto/-1;margin-top:6px;font-size:12px}#customerTable tbody td:nth-child(3):before{content:"Last invoice "}#customerTable tbody td:nth-child(2),#customerTable tbody td:nth-child(5){display:none}}.preview-doc-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);display:flex}.preview-doc-brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.preview-doc-logo{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.preview-doc-logo svg{width:auto;height:21px;display:block}.preview-doc-business{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.25}.preview-doc-business-sub{color:var(--text-tertiary);margin-top:2px;font-size:11px;line-height:1.4}.preview-doc-meta{text-align:right;flex-shrink:0}.preview-doc-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:2px;font-size:22px;font-weight:700}.preview-doc-number{color:var(--text-secondary);font-size:12px;font-weight:500}.preview-doc-parties{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.preview-doc-party-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:4px;font-size:10px;font-weight:600}.preview-doc-party-name{color:var(--text-primary);margin-bottom:2px;font-weight:600}.preview-doc-party-detail{color:var(--text-secondary);font-size:11px;line-height:1.5}.preview-doc-empty{color:var(--text-tertiary);font-size:11px;font-style:italic}.preview-doc-dates{gap:var(--space-6);margin-bottom:var(--space-5);display:flex}.preview-doc-date-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:2px;font-size:10px;font-weight:600}.preview-doc-date-value{color:var(--text-primary);font-size:12px;font-weight:500}.preview-doc-items{margin-bottom:var(--space-5)}.preview-doc-items-header{gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);grid-template-columns:1fr 60px 90px;font-size:10px;font-weight:600;display:grid}.preview-doc-item{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);grid-template-columns:1fr 60px 90px;font-size:12px;display:grid}.preview-doc-item:last-child{border-bottom:none}.preview-doc-item-desc{color:var(--text-primary);word-break:break-word}.preview-doc-item-qty,.preview-doc-item-amt{text-align:right;color:var(--text-primary);font-weight:500}.preview-doc-totals{padding-top:var(--space-3);flex-direction:column;gap:6px;width:200px;margin-left:auto;display:flex}.preview-doc-totals-row{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.preview-doc-totals-row.grand{padding-top:var(--space-2);margin-top:var(--space-2);border-top:1px solid var(--border);color:var(--text-primary);font-size:14px;font-weight:700}.preview-doc-totals-row[hidden]{display:none}.preview-doc-totals-row.discount,.preview-doc-totals-row.discount .num{color:var(--text-secondary)}.preview-doc-notes{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border);color:var(--text-secondary);align-items:flex-start;gap:var(--space-6);font-size:11px;line-height:1.5;display:flex}.preview-doc-pay-col,.preview-doc-notes-col{flex:1 1 0;min-width:0}.preview-doc-notes-col[hidden]{display:none}.preview-doc-notes-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:4px;font-size:10px;font-weight:600}.preview-doc-notes-body{white-space:pre-wrap}html[data-theme=dark] .preview-doc{--surface-inner:#fff;--surface-main:#f4f5f8;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border:#e5e7eb;--border-strong:#d1d5db;color:#0f172a;background:#fff}@media (width<=820px){.invoice-layout{grid-template-columns:minmax(0,1fr)}.preview-wrap{display:none}.form-toolbar{align-items:stretch;gap:var(--space-3);flex-direction:column}}.add-row+.main-card{margin-top:var(--space-4)}.ic-form{gap:var(--space-4);flex-direction:column;display:flex}.page-header .action-bar.in-header{box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0;position:static}.page-header .action-bar.in-header .action-bar-row{flex-wrap:nowrap;justify-content:flex-end}.preview-doc[data-theme=classic] .preview-doc-logo{background:var(--text-primary);border-radius:var(--radius-sm)}.preview-doc[data-theme=classic] .preview-doc-title{color:var(--text-primary);letter-spacing:0}.preview-doc[data-theme=classic] .preview-doc-header{border-bottom-width:2px;border-bottom-color:var(--text-primary)}.preview-doc[data-theme=bold] .preview-doc-logo{border-radius:var(--radius-sm)}.preview-doc[data-theme=bold] .preview-doc-title{color:var(--primary);font-size:26px}.preview-doc[data-theme=bold] .preview-doc-header{border-bottom:3px solid var(--primary)}.preview-doc[data-theme=premium]{padding-top:calc(var(--space-6) + 12px);position:relative;overflow:hidden}.preview-doc[data-theme=premium]:before{content:"";background:var(--primary-gradient);height:9px;position:absolute;top:0;left:0;right:0}.preview-doc[data-theme=premium] .preview-doc-logo{border-radius:var(--radius-sm);background:var(--primary-gradient)}.preview-doc[data-theme=premium] .preview-doc-title{color:var(--primary);letter-spacing:-.02em}.preview-doc[data-theme=premium] .preview-doc-header{padding-bottom:var(--space-2);border-bottom:none}.preview-doc[data-theme=premium] .preview-doc-party-label,.preview-doc[data-theme=premium] .preview-doc-date-label,.preview-doc[data-theme=premium] .preview-doc-notes-label{color:var(--primary)}.preview-doc[data-theme=premium] .preview-doc-items-header{border-bottom:2px solid var(--primary);color:var(--primary)}.preview-doc[data-theme=premium] .preview-doc-totals-row.grand{margin-top:var(--space-3);border-radius:var(--radius-sm);background:var(--primary-gradient);color:#fff;border-top:none;padding:9px 12px}.preview-doc[data-theme=premium] .preview-doc-totals-row.grand .num{color:#fff}.preview-doc[data-theme=banner]{flex-direction:column;padding-top:0;padding-bottom:0;display:flex;overflow:hidden}.preview-doc[data-theme=banner] .preview-doc-header{margin:0 calc(-1 * var(--page-pad-x)) var(--space-8);padding:var(--space-8) var(--page-pad-x);background:var(--primary-gradient);border-bottom:none;align-items:center}.preview-doc[data-theme=banner] .preview-doc-business,.preview-doc[data-theme=banner] .preview-doc-title{color:#fff}.preview-doc[data-theme=banner] .preview-doc-business-sub,.preview-doc[data-theme=banner] .preview-doc-number{color:#ffffffd1}.preview-doc[data-theme=banner] .preview-doc-logo{color:var(--primary);background:#fff}.preview-doc[data-theme=banner] .preview-doc-notes{margin:auto calc(-1 * var(--page-pad-x)) 0;padding:var(--space-8) var(--page-pad-x);background:var(--primary-gradient);color:#fff;border-top:none}.preview-doc[data-theme=banner] .preview-doc-notes-label{color:#ffffffb8}.preview-doc[data-theme=banner] .preview-doc-notes-body{color:#fff}.preview-doc[data-theme=banner] .preview-doc-parties{margin-top:var(--space-2)}.preview-doc[data-theme=banner] .preview-doc-totals{margin-bottom:var(--space-8)}.preview-doc[data-theme=ledger]{border-top:3px solid var(--primary)}.preview-doc[data-theme=ledger] .preview-doc-logo{border-radius:var(--radius-sm);background:var(--text-primary)}.preview-doc[data-theme=ledger] .preview-doc-title{text-transform:uppercase;letter-spacing:.16em;font-size:16px;font-weight:700}.preview-doc[data-theme=ledger] .preview-doc-header{border-bottom:2px solid var(--text-primary)}.preview-doc[data-theme=ledger] .preview-doc-items-header{border-bottom:1.5px solid var(--text-primary);color:var(--text-primary)}.preview-doc[data-theme=ledger] .preview-doc-item{border-bottom:1px solid var(--border);padding-inline:10px}.preview-doc[data-theme=ledger] .preview-doc-item:nth-child(2n){background:color-mix(in srgb, var(--primary) 5%, transparent)}.preview-doc[data-theme=ledger] .preview-doc-totals-row.grand{border-top:3px double var(--text-primary);color:var(--primary)}.preview-doc[data-theme=editorial] .preview-doc-logo{display:none}.preview-doc[data-theme=editorial] .preview-doc-header{border-bottom:none;align-items:flex-end}.preview-doc[data-theme=editorial] .preview-doc-business{letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:600}.preview-doc[data-theme=editorial] .preview-doc-title{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:400}.preview-doc[data-theme=editorial] .preview-doc-title:after{content:"";background:var(--primary);vertical-align:4px;border-radius:50%;width:8px;height:8px;margin-left:7px;display:inline-block}.preview-doc[data-theme=editorial] .preview-doc-items-header{border-bottom:1px solid var(--text-primary);color:var(--text-primary)}.preview-doc[data-theme=editorial] .preview-doc-totals-row.grand{border-top:1px solid var(--text-primary)}.preview-doc[data-theme=soft] .preview-doc-logo{border-radius:var(--radius-card);background:var(--primary-gradient)}.preview-doc[data-theme=soft] .preview-doc-title{color:var(--primary)}.preview-doc[data-theme=soft] .preview-doc-header{border-bottom:none}.preview-doc[data-theme=soft] .preview-doc-parties{background:var(--primary-light);border-radius:var(--radius-section);padding:var(--space-4)}.preview-doc[data-theme=soft] .preview-doc-items-header{background:var(--primary-light);border-radius:var(--radius-sm);color:var(--primary);border-bottom:none;padding:8px 12px}.preview-doc[data-theme=soft] .preview-doc-item{border-bottom:1px solid var(--primary-light);padding-inline:12px}.preview-doc[data-theme=soft] .preview-doc-totals-row.grand{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-card);border-top:none;padding:9px 14px}.preview-doc[data-theme=soft] .preview-doc-totals-row.grand .num{color:var(--primary)}.preview-doc[data-theme=contrast]{padding-top:0;overflow:hidden}.preview-doc[data-theme=contrast] .preview-doc-header{margin:0 calc(-1 * var(--page-pad-x)) var(--space-6);padding:var(--space-6) var(--page-pad-x);background:#14161c;border-bottom:none;align-items:center}.preview-doc[data-theme=contrast] .preview-doc-business{color:#fff}.preview-doc[data-theme=contrast] .preview-doc-business-sub{color:#fff9}.preview-doc[data-theme=contrast] .preview-doc-logo{color:#14161c;background:#fff}.preview-doc[data-theme=contrast] .preview-doc-title{color:#fff;letter-spacing:-.02em;font-size:28px;font-weight:800}.preview-doc[data-theme=contrast] .preview-doc-number{color:#ffffffb8}.preview-doc[data-theme=contrast] .preview-doc-items-header{color:#14161c;border-bottom:2px solid #14161c}.preview-doc[data-theme=contrast] .preview-doc-totals-row.grand{color:#fff;border-radius:var(--radius-sm);background:#14161c;border-top:none;padding:9px 14px}.preview-doc[data-theme=contrast] .preview-doc-totals-row.grand .num{color:#fff}.preview-doc[data-theme=haven] .preview-doc-logo{border-radius:var(--radius-card);background:var(--primary-gradient)}.preview-doc[data-theme=haven] .preview-doc-business{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500}.preview-doc[data-theme=haven] .preview-doc-title{color:var(--primary);letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-weight:400}.preview-doc[data-theme=haven] .preview-doc-header{border-bottom:none;align-items:flex-start}.preview-doc[data-theme=haven] .preview-doc-dates{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0}.preview-doc[data-theme=haven] .preview-doc-party-label,.preview-doc[data-theme=haven] .preview-doc-date-label,.preview-doc[data-theme=haven] .preview-doc-notes-label{color:var(--primary);letter-spacing:.12em}.preview-doc[data-theme=haven] .preview-doc-items-header{border-bottom:1px solid var(--border);color:var(--text-secondary);letter-spacing:.1em}.preview-doc[data-theme=haven] .preview-doc-item{border-bottom:1px solid var(--border)}.preview-doc[data-theme=haven] .preview-doc-totals-row.grand{margin-top:var(--space-4);background:var(--primary-light);color:var(--primary);border-radius:var(--radius-card);border-top:none;align-items:center;padding:18px 22px}.preview-doc[data-theme=haven] .preview-doc-totals-row.grand .num{color:var(--primary);font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500}.preview-doc[data-theme=rail]{padding-left:calc(var(--page-pad-x) + 16px);position:relative;overflow:hidden}.preview-doc[data-theme=rail]:before{content:"";background:var(--primary-gradient);width:11px;position:absolute;top:0;bottom:0;left:0}.preview-doc[data-theme=rail] .preview-doc-header{margin:calc(-1 * var(--page-pad-y)) calc(-1 * var(--page-pad-x)) var(--space-6);margin-left:calc(-1 * (var(--page-pad-x) + 16px));padding:var(--page-pad-y) var(--page-pad-x);padding-left:calc(var(--page-pad-x) + 16px);background:var(--primary-light);border-bottom:none;align-items:center}.preview-doc[data-theme=rail] .preview-doc-logo{background:var(--primary-gradient)}.preview-doc[data-theme=rail] .preview-doc-title,.preview-doc[data-theme=rail] .preview-doc-party-label,.preview-doc[data-theme=rail] .preview-doc-date-label,.preview-doc[data-theme=rail] .preview-doc-notes-label{color:var(--primary)}.preview-doc[data-theme=rail] .preview-doc-items-header{border-bottom:1.5px solid var(--primary);color:var(--primary)}.preview-doc[data-theme=rail] .preview-doc-totals-row.grand{color:var(--primary);border-top-color:color-mix(in srgb, var(--primary) 30%, transparent)}.preview-doc[data-theme=signature]{padding-top:0;position:relative;overflow:hidden}.preview-doc[data-theme=signature]:before{content:"";background:var(--primary-gradient);z-index:2;height:4px;position:absolute;top:0;left:0;right:0}.preview-doc[data-theme=signature] .preview-doc-header{margin:0 calc(-1 * var(--page-pad-x)) var(--space-8);padding:calc(var(--space-8) + 4px) var(--page-pad-x) var(--space-8);background:#16181d;border-bottom:none;align-items:center;position:relative;overflow:hidden}.preview-doc[data-theme=signature] .preview-doc-header:after{content:"";background:radial-gradient(circle, var(--primary) 0%, transparent 62%);opacity:.3;pointer-events:none;width:440px;height:440px;position:absolute;top:-60%;right:-16%}.preview-doc[data-theme=signature] .preview-doc-brand,.preview-doc[data-theme=signature] .preview-doc-meta{z-index:1;position:relative}.preview-doc[data-theme=signature] .preview-doc-logo{color:#fff;background:0 0;box-shadow:inset 0 0 0 1px #ffffff6b}.preview-doc[data-theme=signature] .preview-doc-business{color:#fff;letter-spacing:.01em;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.preview-doc[data-theme=signature] .preview-doc-business-sub{color:#ffffff8c;letter-spacing:.02em}.preview-doc[data-theme=signature] .preview-doc-title{text-transform:uppercase;letter-spacing:.34em;color:#ffffff9e;margin-bottom:6px;font-size:10.5px;font-weight:600}.preview-doc[data-theme=signature] .preview-doc-number{color:#fff;font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:400}.preview-doc[data-theme=signature] .preview-doc-party-label,.preview-doc[data-theme=signature] .preview-doc-date-label,.preview-doc[data-theme=signature] .preview-doc-notes-label{color:var(--primary);letter-spacing:.18em}.preview-doc[data-theme=signature] .preview-doc-party-name{font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:500}.preview-doc[data-theme=signature] .preview-doc-dates{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:11px 0}.preview-doc[data-theme=signature] .preview-doc-items-header{color:var(--text-primary);letter-spacing:.14em;border-bottom:2px solid var(--text-primary)}.preview-doc[data-theme=signature] .preview-doc-item{border-bottom:1px solid var(--border)}.preview-doc[data-theme=signature] .preview-doc-item-desc{font-family:Georgia,Times New Roman,serif}.preview-doc[data-theme=signature] .preview-doc-totals-row.grand{border-top:3px double var(--text-primary);align-items:baseline;padding-top:10px}.preview-doc[data-theme=signature] .preview-doc-totals-row.grand>span:first-child{text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);font-size:10.5px;font-weight:600}.preview-doc[data-theme=signature] .preview-doc-totals-row.grand .num{color:var(--primary);font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500}.preview-doc[data-theme=signature]:not(.pdf-doc) .preview-doc-totals-row.grand .num{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.preview-doc[data-theme=signature] .preview-doc-notes{border-top:3px double var(--border-strong)}.preview-doc[data-theme=warm-sage]{--text-primary:#37342e;--text-secondary:#6b665d;--text-tertiary:#a19a8c;--border:#e7e1d5;--border-strong:#e7e1d5;--primary:#7c8b6f;--primary-light:#e7ecdf;--primary-gradient:linear-gradient(135deg, #7c8b6f 0%, #6e7d62 100%);background:#fbfaf5;border-radius:18px;font-family:Figtree,system-ui,sans-serif}.preview-doc[data-theme=warm-sage] .preview-doc-logo{display:none}.preview-doc[data-theme=warm-sage] .preview-doc-header{border-bottom:none;align-items:flex-start}.preview-doc[data-theme=warm-sage] .preview-doc-business{letter-spacing:.1px;font-family:Fraunces,Georgia,serif;font-size:21px;font-weight:500}.preview-doc[data-theme=warm-sage] .preview-doc-title{letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;font-weight:600}.preview-doc[data-theme=warm-sage] .preview-doc-number{color:var(--text-primary);font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:500}.preview-doc[data-theme=warm-sage] .preview-doc-dates{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0}.preview-doc[data-theme=warm-sage] .preview-doc-party-label,.preview-doc[data-theme=warm-sage] .preview-doc-date-label,.preview-doc[data-theme=warm-sage] .preview-doc-notes-label{letter-spacing:.16em}.preview-doc[data-theme=warm-sage] .preview-doc-party-name{font-family:Fraunces,Georgia,serif;font-size:16px;font-weight:500}.preview-doc[data-theme=warm-sage] .preview-doc-items-header{border-bottom:1px solid var(--border);color:var(--text-tertiary);letter-spacing:.12em}.preview-doc[data-theme=warm-sage] .preview-doc-item{border-bottom:1px solid var(--border)}.preview-doc[data-theme=warm-sage] .preview-doc-item-desc{font-weight:500}.preview-doc[data-theme=warm-sage] .preview-doc-totals-row.grand{margin-top:var(--space-4);background:var(--primary-light);color:var(--text-primary);border-top:none;border-radius:16px;align-items:center;padding:22px 26px}.preview-doc[data-theme=warm-sage] .preview-doc-totals-row.grand>span:first-child{letter-spacing:.16em;text-transform:uppercase;color:var(--primary);font-size:12px;font-weight:600}.preview-doc[data-theme=warm-sage] .preview-doc-totals-row.grand .num{color:var(--text-primary);font-family:Fraunces,Georgia,serif;font-size:34px;font-weight:500}.preview-doc[data-theme=warm-sage] .preview-doc-notes{border-top:1px solid var(--border)}.preview-doc[data-theme=warm-sage] .preview-doc-payable{color:var(--primary);font-weight:600}.preview-doc[data-theme=warm-sage] .preview-doc-sign{color:var(--primary);font-family:Fraunces,Georgia,serif;font-size:18px;font-style:italic}.accent-pop{width:184px;padding:var(--space-3);transform-origin:100% 0;right:0}.accent-pop-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-2);font-size:10px;font-weight:600}.accent-pop-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);justify-items:center;display:grid}.accent-swatch{cursor:pointer;border:none;border-radius:50%;width:32px;height:32px;padding:0;transition:transform .12s,box-shadow .12s}.accent-swatch:hover{transform:scale(1.09)}.accent-swatch.selected{box-shadow:0 0 0 2px var(--surface-inner), 0 0 0 4px var(--text-secondary)}.greeting{margin-bottom:var(--space-2)}.greeting .h1{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:var(--space-1);font-size:32px;font-weight:700;line-height:1.1}.dash-grid{gap:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"chart chart chart chart right right""activity activity activity activity right right";align-items:stretch;display:grid}.chart-card{grid-area:chart}.hero-card{grid-area:hero}.card-activity{grid-area:activity}.card-attention{background:linear-gradient(135deg,#e6ecf7 0%,#efe9fb 100%);border-radius:18px;grid-area:attention;padding:18px 20px}.card-attention .action-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffdb;border-radius:13px}.card-attention .main-card-title-row svg{color:#5b52c9}html[data-theme=dark] .card-attention{background:linear-gradient(135deg,#232c3f 0%,#2a2740 100%)}html[data-theme=dark] .card-attention .action-item{background:#232c38db}html[data-theme=dark] .card-attention .main-card-title-row svg{color:#a99df2}.card-gauge{grid-area:gauge}.dash-right{gap:var(--space-4);flex-direction:column;grid-area:right;align-self:start;display:flex}.dash-right>.main-card+.main-card{margin-top:0}.dash-grid .main-card{flex-direction:column;display:flex}.main-card-title-row{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:13px;font-weight:600;display:flex}.main-card-title-row svg{width:16px;height:16px;color:var(--text-tertiary)}.main-card-action{color:var(--text-tertiary);font-size:12px;font-weight:600;text-decoration:none;transition:color .15s}.main-card-action:hover{color:var(--text-primary)}#rangePills{position:relative}.range-dd-btn{background:var(--surface-inner);color:var(--text-primary);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;height:36px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.range-dd-btn:hover{border-color:var(--border)}#rangePills.open .range-dd-btn{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b5bdb1f}.range-dd-btn .dd-caret{width:10px;height:10px;transition:transform .2s cubic-bezier(.4,0,.2,1)}#rangePills.open .dd-caret{transform:rotate(180deg)}.range-dd-menu{transform-origin:100% 0;min-width:200px;right:0}.range-dd-opt{white-space:nowrap}.range-dd-opt.selected{color:#fff;background:var(--primary-gradient);font-weight:600}.range-dd-opt.selected:hover{background:var(--primary-gradient-hover)}.range-dd-divider{background:var(--border);height:1px;margin:5px 4px}.chart-headline{margin-bottom:var(--space-4)}.chart-headline-value{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:4px;font-size:32px;font-weight:700;line-height:1.05}.chart-headline-meta{align-items:center;gap:6px;font-size:12px;display:flex}.chart-headline-period{color:var(--text-tertiary)}.chart-container{flex-direction:column;flex:1;min-height:100px;padding-left:46px;display:flex;position:relative}.chart-yaxis{pointer-events:none;width:46px;position:absolute;top:0;bottom:28px;left:0}.chart-yaxis .yt{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:10px;font-weight:600;position:absolute;right:8px;transform:translateY(-50%)}.chart-svg-wrap{width:100%;height:100px;position:relative}.chart-svg{width:100%;height:100%;display:block;overflow:visible}.chart-grid-line{stroke:#eceef3;stroke-width:1px}.chart-bar{transition:filter .14s}.chart-bar.hot{filter:saturate(1.18)brightness(1.08)}.chart-bar.empty{opacity:.3}.chart-labels{margin-top:var(--space-2);height:14px;display:flex;position:relative}.chart-label{color:var(--text-tertiary);white-space:nowrap;font-size:11px;font-weight:500;position:absolute;transform:translate(-50%)}.chart-tooltip{background:var(--text-primary);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;z-index:10;padding:6px 10px;font-size:11px;font-weight:600;line-height:1.4;transition:opacity .12s;position:absolute;transform:translate(-50%,-100%)translateY(-10px)}.chart-tooltip.visible{opacity:1}.chart-tooltip-period{color:#ffffffa6;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10px;font-weight:500}.chart-tooltip-value{font-variant-numeric:tabular-nums;font-size:13px}.hero-card{color:#fff;cursor:pointer;background:radial-gradient(120% 100% at 100% 0,#ffffff2e 0%,#fff0 55%),radial-gradient(80% 100% at 0 100%,#0000001a 0%,#0000 60%),linear-gradient(-5deg,#3b5bdb 0%,#5a4bd9 100%);text-decoration:none;transition:transform .18s;position:relative;overflow:hidden}.hero-card:hover{transform:translateY(-1px)}.hero-card:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffffff1a 0%,#fff0 70%);width:70%;height:180%;position:absolute;top:-40%;right:-10%}.hero-card .main-card-title-row{color:#ffffffd9;z-index:1;position:relative}.hero-card .main-card-title-row svg{color:#ffffffb3}.hero-arrow{color:#fff;z-index:1;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex;position:relative}.hero-card:hover .hero-arrow{color:var(--primary);background:#fff}.hero-arrow svg{width:14px;height:14px}.hero-body{z-index:1;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.hero-label{color:#ffffffbf;margin-bottom:var(--space-2);font-size:13px;font-weight:500}.hero-value{letter-spacing:-.025em;color:#fff;font-size:36px;font-weight:700;line-height:1.05}.hero-valrow{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-valrow .change-pill{color:#fff;background:#ffffff2e}.hero-breakdown{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);z-index:1;border-top:1px solid #ffffff29;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.hero-bd-item{flex-direction:column;gap:3px;min-width:0;display:flex}.hero-bd-item.overdue{text-align:right}.hero-bd-label{color:#ffffffb8;font-size:12px;font-weight:500}.hero-bd-value{letter-spacing:-.01em;color:#fff;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.activity-list{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.activity-item{background:var(--surface-inner);border-radius:var(--radius-card);padding:var(--space-3);align-items:center;gap:var(--space-3);color:inherit;text-decoration:none;transition:background .12s;display:flex}.activity-item:hover{background:#f8f9fb}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.activity-icon svg{width:14px;height:14px}.activity-icon.paid{background:var(--success-bg);color:var(--success-text)}.activity-icon.issued{background:var(--info-bg);color:var(--info-text)}.activity-icon.payment{background:var(--primary-light);color:var(--primary)}.activity-icon.draft{color:var(--text-secondary);background:#eaecef}.activity-body{flex:1;min-width:0}.activity-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.activity-meta{color:var(--text-tertiary);margin-top:1px;font-size:11px}.activity-amount{color:var(--text-primary);flex-shrink:0;font-size:13px;font-weight:700}.actions-list{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.action-item{background:var(--surface-inner);border-radius:var(--radius-card);padding:var(--space-3);align-items:center;gap:var(--space-3);color:inherit;cursor:pointer;text-decoration:none;transition:background .12s;display:flex}.action-item:hover{background:#f8f9fb}.action-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.action-icon svg{width:16px;height:16px}.action-icon.urgent{background:var(--danger-bg);color:var(--danger-text)}.action-icon.warn{background:var(--warning-bg);color:var(--warning-text)}.action-icon.info{background:var(--info-bg);color:var(--info-text)}.action-body{flex:1;min-width:0}.action-title{color:var(--text-primary);font-size:13px;font-weight:600}.action-meta{color:var(--text-tertiary);margin-top:1px;font-size:11px}.action-chev{color:var(--text-tertiary);flex-shrink:0;transition:transform .15s,color .15s;display:inline-flex}.action-chev svg{width:14px;height:14px}.action-item:hover .action-chev{color:var(--text-primary);transform:translate(2px)}.empty-state{text-align:center;color:var(--text-tertiary);padding:var(--space-6) var(--space-4);background:var(--surface-inner);border-radius:var(--radius-card);flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:12px;display:flex}.gauge-body{flex-direction:column;flex:1;justify-content:space-between;align-items:center;display:flex}.gauge-svg-wrap{aspect-ratio:1;width:100%;max-width:210px;margin:0 auto;position:relative}.gauge-svg{width:100%;height:100%;display:block}.gauge-pill{transition:fill .2s}.gauge-centre{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gauge-pct{letter-spacing:-.02em;color:var(--text-primary);font-size:38px;font-weight:700;line-height:1}.gauge-sub{color:var(--text-tertiary);margin-top:4px;font-size:11px;font-weight:500}.gauge-breakdown{background:var(--surface-inner);border-radius:var(--radius-card);width:100%;padding:var(--space-3) var(--space-4);margin-top:var(--space-3);flex-direction:column;gap:6px;display:flex}.gauge-bd-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.gauge-bd-label{color:var(--text-secondary);align-items:center;gap:6px;font-weight:500;display:flex}.gauge-bd-dot{border-radius:50%;width:8px;height:8px}.gauge-bd-dot.paid{background:#8b5cf6}.gauge-bd-dot.owed{background:#e5e7eb}.gauge-bd-value{color:var(--text-primary);font-weight:600}@media (width<=820px){.greeting .h1{font-size:26px}.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"chart chart""hero gauge""attention attention""activity activity"}.dash-right{display:contents}.dash-grid .main-card{padding:var(--space-4)}.chart-card .main-card-header{flex-wrap:wrap}.chart-svg-wrap{height:110px}}@media (width<=560px){.dash-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"chart""hero""attention""gauge""activity"}.dash-right{display:contents}}.metric-main{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-5);min-height:132px;color:inherit;transition:transform .2s var(--ease-out), background .2s ease;cursor:pointer;text-align:left;flex-direction:column;justify-content:space-between;font-family:inherit;text-decoration:none;display:flex}.metric-main:hover{transform:translateY(-1px)}.metric-main-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.metric-main-title{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:13px;font-weight:600;display:inline-flex}.metric-main-title svg{width:15px;height:15px;color:var(--text-tertiary)}.metric-main-arrow{background:var(--surface-inner);width:28px;height:28px;color:var(--text-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.metric-main-arrow svg{width:14px;height:14px}.metric-main:hover .metric-main-arrow{background:var(--fill-strong);color:var(--fill-strong-text)}.metric-main-value{letter-spacing:-.025em;color:var(--text-primary);font-size:32px;font-weight:700;line-height:1}.metric-main-foot{align-items:center;gap:var(--space-2);color:var(--text-tertiary);margin-top:6px;font-size:12px;display:flex}.metric-main.hero{color:#fff;background:radial-gradient(120% 120% at 100% 0,#ffffff2e 0%,#fff0 55%),linear-gradient(135deg,#3b5bdb 0%,#5a4bd9 100%);position:relative;overflow:hidden}.metric-main.hero:hover{background:radial-gradient(120% 120% at 100% 0,#ffffff38 0%,#fff0 55%),linear-gradient(135deg,#4361e0 0%,#65d 100%)}.metric-main.hero .metric-main-title,.metric-main.hero .metric-main-value{color:#fff}.metric-main.hero .metric-main-title svg{color:#ffffffb3}.metric-main.hero .metric-main-foot{color:#ffffffc7}.metric-main.hero .metric-main-arrow{color:#fff;background:#ffffff2e}.metric-main.hero:hover .metric-main-arrow{color:var(--primary);background:#fff}.metric-main.hero .change-pill{color:#fff;background:#ffffff38}@property --sm-bd-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes smBorderSpin{to{--sm-bd-angle:360deg}}.metric-main.tomatch{border:none;width:100%;position:relative}.metric-main.tomatch:after{content:"";border-radius:inherit;background:conic-gradient(from var(--sm-bd-angle), #22d3ee, #7c3aed, #22d3ee, #7c3aed, #22d3ee);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:4s linear infinite smBorderSpin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.metric-main.tomatch .metric-main-title svg{color:var(--accent-purple,#7c3aed)}.metric-main.tomatch .metric-main-value{font-size:24px}.metric-main.tomatch.off .metric-main-value{color:var(--text-secondary)}.metric-main.tomatch.off .metric-main-title svg{color:var(--text-tertiary)}.sm-glowwrap{display:flex;position:relative}.sm-glowwrap>.metric-main{z-index:1;flex:1}.sm-glowwrap:before{content:"";border-radius:calc(var(--radius-section) + 5px);background:conic-gradient(from var(--sm-bd-angle), #22d3ee, #7c3aed, #22d3ee, #7c3aed, #22d3ee);filter:blur(15px);opacity:0;z-index:0;pointer-events:none;transition:opacity .26s;animation:4s linear infinite smBorderSpin;position:absolute;inset:-5px}.sm-glowwrap:has(.metric-main.tomatch:not(.off)):before{opacity:.55}@media (prefers-reduced-motion:reduce){.metric-main.tomatch:after,.sm-glowwrap:before{animation:none}}.section-title{align-items:center;gap:var(--space-2);letter-spacing:-.02em;color:var(--text-primary);font-size:16px;font-weight:700;display:inline-flex}.ledger-date{color:var(--text-secondary);font-size:13px}.ledger-customer{align-items:center;gap:var(--space-2);display:flex}.ledger-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.ledger-customer-name{font-weight:500}.method-badge{border-radius:var(--radius-pill);background:var(--surface-inner);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.method-badge svg{width:13px;height:13px}.ledger-inv{color:var(--primary);font-weight:600;text-decoration:none}.ledger-inv:hover{text-decoration:underline}.ledger-inv.none{color:var(--text-tertiary);font-weight:500}.recon-tag{align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.recon-tag.manual{color:var(--text-tertiary)}.recon-tag.manual svg{width:13px;height:13px}.recon-tag.auto{color:var(--success-text)}.recon-tag.auto svg{width:14px;height:14px}.ledger-amount{text-align:right;color:var(--text-primary);font-weight:700}.ledger-amount .cents{color:var(--text-tertiary);font-weight:600}.rec-highlight{align-items:center;gap:var(--space-4);background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-4) var(--space-5);text-decoration:none;transition:background .14s,transform .14s;display:flex}.rec-highlight:hover{background:var(--surface-inner);transform:translateY(-1px)}.rec-hl-lead{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.rec-hl-ico{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.rec-hl-ico svg{width:19px;height:19px}.rec-hl-title{color:var(--text-tertiary);font-size:12px;font-weight:600}.rec-hl-amt{color:var(--text-primary);letter-spacing:-.01em;font-size:19px;font-weight:700}.rec-hl-amt-sub{color:var(--text-tertiary);font-size:12px;font-weight:500}.rec-hl-up{align-items:center;gap:var(--space-2);border-left:1px solid var(--border);min-width:0;padding-left:var(--space-4);flex-wrap:wrap;flex:1;display:flex}.rec-up-chip{background:var(--surface-inner);border-radius:var(--radius-pill);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:7px;padding:5px 11px;font-size:12px;display:inline-flex}.rec-up-chip b{color:var(--text-primary);font-weight:600}.rec-up-chip .due{color:var(--text-tertiary)}.rec-hl-empty{color:var(--text-tertiary);border-left:1px solid var(--border);padding-left:var(--space-4);flex:1;font-size:13px}.rec-hl-go{color:var(--primary);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.rec-hl-go svg{width:15px;height:15px}.ex-recur-badge{width:16px;height:16px;color:var(--text-tertiary);vertical-align:-2px;justify-content:center;align-items:center;margin-left:6px;display:inline-flex}.ex-recur-badge svg{width:13px;height:13px}.re-card{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-5)}.re-card-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.re-hint{color:var(--text-tertiary);font-size:12px}.re-table{border-collapse:collapse;width:100%}.re-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:0 var(--space-3) var(--space-3);border-bottom:1px solid var(--border);white-space:nowrap;font-size:11px;font-weight:600}.re-table th.ra,.re-table td.ra{text-align:right}.re-table tbody td{padding:var(--space-3);border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;white-space:nowrap;font-size:13.5px}.re-table tbody tr:last-child td{border-bottom:none}.re-table tbody tr:hover{background:var(--surface-inner)}.re-table tbody tr.paused{opacity:.6}.re-table td:before{display:none}.re-name-cell{align-items:center;gap:var(--space-3);display:flex}.re-ico{background:var(--primary-light);width:30px;height:30px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.re-ico svg{width:15px;height:15px}.re-name-text{color:var(--text-primary);font-size:14px;font-weight:600}.re-sched-cell b{color:var(--text-primary);font-weight:600}.re-amt-cell{color:var(--text-primary);font-weight:700}.re-act-cell{text-align:right;white-space:nowrap;width:44px}.re-badge-paused{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--surface-inner);border-radius:var(--radius-pill);margin-right:6px;padding:3px 8px;font-size:10.5px;font-weight:600}.re-empty{text-align:center;padding:var(--space-8) var(--space-4)}.re-empty-ico{background:var(--primary-light);width:56px;height:56px;color:var(--primary);margin-bottom:var(--space-3);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.re-empty-ico svg{width:26px;height:26px}.re-empty-title{color:var(--text-primary);font-size:15px;font-weight:700}.re-empty-sub{color:var(--text-tertiary);max-width:360px;margin:6px auto 0;font-size:13px;line-height:1.5}@media (width<=820px){.rec-highlight{gap:var(--space-3);flex-wrap:wrap}.rec-hl-up{border-left:none;flex-basis:100%;order:3;padding-left:0}.rec-hl-empty{border-left:none;flex-basis:100%;padding-left:0}.rec-hl-go{margin-left:auto}.re-table thead{display:none}.re-table,.re-table tbody{display:block}.re-table tbody tr{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:6px 12px;display:grid}.re-table tbody td{justify-content:space-between;align-items:center;gap:var(--space-3);white-space:normal;border:none;padding:0;display:flex}.re-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-size:11px;font-weight:600;display:inline}.re-name-cell{grid-area:1/1;justify-content:flex-start}.re-act-cell{grid-area:1/2;justify-content:flex-end;width:auto}.re-cat-cell,.re-sched-cell,.re-next-cell,.re-amt-cell{grid-column:1/-1}}.pay-pick-search{border:1px solid var(--border);border-radius:var(--radius-input);width:100%;height:42px;color:var(--text-primary);background:var(--surface-main);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");background-position:13px;background-repeat:no-repeat;background-size:15px;padding:0 14px 0 38px;font-family:inherit;font-size:14px}.pay-pick-search:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b5bdb1f}.pay-pick-list{flex-direction:column;gap:4px;max-height:300px;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.pay-pick-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-card);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;width:100%;padding:9px 11px;font-family:inherit;transition:background .12s,border-color .12s;display:flex}.pay-pick-item:hover{background:var(--surface-main)}.pay-pick-item.sel{background:var(--primary-light);border-color:color-mix(in oklch, var(--primary) 34%, transparent)}.pay-pick-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:inline-flex}.pay-pick-meta{flex-direction:column;flex:1;min-width:0;display:flex}.pay-pick-num{color:var(--primary);font-size:13px;font-weight:700}.pay-pick-cust{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.pay-pick-bal{color:var(--text-primary);flex-shrink:0;font-size:13px;font-weight:700}.pay-pick-empty{text-align:center;color:var(--text-tertiary);padding:28px var(--space-4);font-size:13px}@media (width<=820px){.metric-row.pay-metrics{gap:var(--space-2)}.pay-metrics .metric-main{padding:var(--space-4);min-height:0}.pay-metrics .metric-main-value{font-size:22px}.pay-metrics .metric-main.tomatch .metric-main-value{font-size:17px}.pay-metrics .metric-main-title{font-size:11.5px}.pay-metrics .metric-main-title svg{width:13px;height:13px}.pay-metrics .metric-main-foot{font-size:11px}.pay-metrics .metric-main-arrow{width:24px;height:24px}.pay-metrics .metric-main-arrow svg{width:12px;height:12px}.table-container:has(#paymentsTable){background:0 0;overflow:visible}#paymentsTable,#paymentsTable tbody,#paymentsTable tr,#paymentsTable td{display:block}#paymentsTable thead{display:none}#paymentsTable tbody{gap:var(--space-2);flex-direction:column;display:flex}#paymentsTable tbody tr{background:var(--surface-inner);border-radius:var(--radius-card);grid-template-columns:1fr auto;align-items:center;gap:5px 12px;padding:12px 14px;display:grid}#paymentsTable tbody tr:after{display:none}#paymentsTable tbody tr:hover{background:var(--surface-inner)}#paymentsTable tbody td{border:none!important;padding:0!important}#paymentsTable tbody td[colspan]{text-align:center;grid-column:1/-1}#paymentsTable tbody td:nth-child(2){grid-area:1/1;min-width:0}#paymentsTable tbody td:nth-child(6){grid-area:1/2;justify-self:end}#paymentsTable .ledger-amount{font-size:16px}#paymentsTable tbody td:nth-child(3){grid-area:2/1}#paymentsTable tbody td:first-child{grid-area:2/2;justify-self:end}#paymentsTable tbody td:nth-child(4){grid-area:3/1}#paymentsTable tbody td:nth-child(5){grid-area:3/2;justify-self:end}}@media (width<=560px){.metric-row.pay-metrics{gap:var(--space-4);grid-template-columns:1fr}.pay-metrics .metric-main{padding:var(--space-5)}.pay-metrics .metric-main-value{font-size:28px}.pay-metrics .metric-main.tomatch .metric-main-value{font-size:24px}}.rep-controls{align-items:center;gap:var(--space-4);flex-shrink:0;display:inline-flex}.period-group{align-items:center;gap:var(--space-2);display:inline-flex}.period-label{color:var(--text-tertiary);white-space:nowrap;font-size:12px;font-weight:600}.period-seg{background:var(--surface-main);border-radius:var(--radius-pill);gap:2px;padding:4px;display:inline-flex;position:relative}.period-seg-indicator{background:var(--surface-inner);border-radius:var(--radius-pill);z-index:0;pointer-events:none;transition:left .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;box-shadow:0 1px 3px #0f172a29}.period-seg button{z-index:1;color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:color .14s;position:relative}.period-seg button:hover,.period-seg button.active{color:var(--text-primary)}.rcard{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-5);flex-direction:column;min-width:0;display:flex}.rcard-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.rcard-title{color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:700}.rcard-sub{color:var(--text-tertiary);margin-top:2px;font-size:12px}.rep-kpis{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.kpi{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-5);gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.kpi-label{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.kpi-label svg{width:15px;height:15px;color:var(--text-tertiary)}.kpi-value{letter-spacing:-.02em;color:var(--text-primary);font-size:30px;font-weight:700;line-height:1.05}.kpi-value .cents{color:var(--text-tertiary);font-size:.62em;font-weight:600}.kpi-foot{color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.change-pill{border-radius:var(--radius-pill);align-items:center;gap:2px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.change-pill.up{background:var(--success-bg);color:var(--success-text)}.change-pill.down{background:var(--danger-bg);color:var(--danger-text)}.change-pill.flat{background:var(--surface-hover);color:var(--text-secondary)}.change-pill.good{background:var(--success-bg);color:var(--success-text)}.rep-grid{gap:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"revenue revenue revenue revenue bas bas""aging aging top top quotes quotes";display:grid}.card-revenue{grid-area:revenue}.card-bas{grid-area:bas}.card-aging{grid-area:aging}.card-top{grid-area:top}.card-quotes{grid-area:quotes}.rev-legend{gap:16px;margin-bottom:8px;display:flex}.rev-legend>span{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;font-weight:500;display:inline-flex}.rev-swatch{border-radius:3px;width:11px;height:11px}.rev-swatch.in{background:var(--primary-gradient)}.rev-swatch.out{background:linear-gradient(#0ea5a4,#2a7fba)}.rev-total{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.rev-total-value{letter-spacing:-.02em;color:var(--text-primary);font-size:28px;font-weight:700}.rev-total-value .cents{color:var(--text-tertiary);font-size:.6em;font-weight:600}.chart-wrap{flex:1;min-height:240px;padding-left:52px;position:relative}.chart-grid{pointer-events:none;position:absolute;inset:0 0 28px 52px}.chart-gridline{border-top:1px solid var(--border);position:absolute;left:0;right:0}.chart-gridline span{text-align:right;width:46px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:10px;font-weight:600;position:absolute;top:-8px;left:-52px}.chart-bars{align-items:flex-end;gap:3%;padding-bottom:28px;display:flex;position:absolute;inset:0 0 0 52px}.bar-col{cursor:default;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex;position:relative}.bar-track{justify-content:center;align-items:flex-end;gap:4px;width:100%;max-width:52px;height:100%;display:flex;position:relative}.bar{background:var(--primary-gradient);border-radius:4px 4px 2px 2px;width:18px;position:relative}.bar.exp{background:linear-gradient(#0ea5a4,#2a7fba)}.bar-col:hover .bar{filter:saturate(1.15)brightness(1.06)}.bar-month{color:var(--text-tertiary);margin-top:8px;font-size:10px;font-weight:600;position:absolute;top:100%}.bar-tip{background:var(--fill-strong);color:var(--fill-strong-text);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;z-index:5;font-variant-numeric:tabular-nums;padding:5px 9px;font-size:11px;font-weight:700;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.bar-tip:after{content:"";border:5px solid #0000;border-top-color:var(--fill-strong);position:absolute;top:100%;left:50%;transform:translate(-50%)}.bar-col:hover .bar-tip{opacity:1;transform:translate(-50%)translateY(0)}.bas-net{padding:var(--space-4);background:var(--surface-inner);border-radius:var(--radius-card);margin-bottom:var(--space-4);flex-direction:column;gap:3px;display:flex}.bas-net-label{color:var(--text-secondary);font-size:12px;font-weight:600}.bas-net-value{letter-spacing:-.02em;color:var(--text-primary);font-size:32px;font-weight:700}.bas-net-value .cents{color:var(--text-tertiary);font-size:.6em;font-weight:600}.bas-rows{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.bas-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.bas-row-label{color:var(--text-secondary);align-items:center;gap:7px;display:inline-flex}.bas-row-label .dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.bas-row-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.bas-row.total{border-top:1px solid var(--border);padding-top:var(--space-2)}.bas-row.total .bas-row-label,.bas-row.total .bas-row-value{font-weight:700}.bas-due{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--warning-bg);border-radius:var(--radius-card);display:flex}.bas-due svg{width:18px;height:18px;color:var(--warning-text);flex-shrink:0}.bas-due-text{color:var(--warning-text);font-size:12px;line-height:1.35}.bas-due-text strong{font-weight:700}.bas-empty{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);flex-direction:column;display:flex}.bas-empty-badge{background:var(--surface-inner);width:48px;height:48px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.bas-empty-badge svg{width:22px;height:22px}.bas-empty-title{color:var(--text-primary);font-size:14px;font-weight:700}.bas-empty-text{color:var(--text-tertiary);max-width:220px;font-size:12px;line-height:1.45}.aging-total{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-1);font-size:24px;font-weight:700}.aging-total .cents{color:var(--text-tertiary);font-size:.6em;font-weight:600}.aging-bar{border-radius:var(--radius-pill);height:12px;margin:var(--space-4) 0;background:0 0;gap:2px;display:flex;overflow:hidden}.aging-seg{border-radius:3px;min-width:4px;height:100%}.aging-legend{gap:var(--space-2);flex-direction:column;display:flex}.aging-item{align-items:center;gap:var(--space-2);font-size:13px;display:flex}.aging-item .dot{border-radius:3px;flex-shrink:0;width:9px;height:9px}.aging-item-label{color:var(--text-secondary);flex:1}.aging-item-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.aging-item-pct{color:var(--text-tertiary);text-align:right;font-variant-numeric:tabular-nums;width:38px;font-size:11px;font-weight:600}.rank-list{gap:var(--space-4);flex-direction:column;display:flex}.rank-row{flex-direction:column;gap:6px;display:flex}.rank-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.rank-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:var(--space-2);font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.rank-num{border-radius:var(--radius-sm);background:var(--surface-inner);width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.rank-value{color:var(--text-primary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:700}.rank-track{background:var(--surface-inner);border-radius:var(--radius-pill);height:7px;overflow:hidden}.rank-fill{border-radius:var(--radius-pill);height:100%}.qp-top{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.qp-ring{--pct:0;background:conic-gradient(var(--primary) calc(var(--pct) * 1%), var(--surface-inner) 0);border-radius:50%;flex-shrink:0;place-items:center;width:84px;height:84px;display:grid;position:relative}.qp-ring:before{content:"";background:var(--surface-main);border-radius:50%;position:absolute;inset:9px}.qp-ring-pct{letter-spacing:-.02em;color:var(--text-primary);font-size:21px;font-weight:800;position:relative}.qp-top-text{min-width:0}.qp-top-label{color:var(--text-primary);font-size:13px;font-weight:700}.qp-top-detail{color:var(--text-tertiary);margin-top:3px;font-size:12px;line-height:1.45}.qp-bar-wrap{margin-bottom:var(--space-5)}.qp-bar-labels{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.qp-bar-q{color:var(--text-secondary);font-size:12px;font-weight:600}.qp-bar-q .num{color:var(--text-primary)}.qp-bar-won{color:var(--primary);font-size:12px;font-weight:700}.qp-bar-track{border-radius:var(--radius-pill);background:var(--surface-inner);height:10px;overflow:hidden}.qp-bar-fill{border-radius:var(--radius-pill);background:var(--primary-gradient);height:100%}.qp-foot{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.qp-stat{background:var(--surface-inner);border-radius:var(--radius-card);padding:var(--space-3) var(--space-4)}.qp-stat-value{letter-spacing:-.02em;color:var(--text-primary);font-size:18px;font-weight:800}.qp-stat-value .num{font-variant-numeric:tabular-nums}.qp-stat-label{color:var(--text-tertiary);margin-top:3px;font-size:11px}@media (width<=1180px){.page-header:has(.rep-controls){flex-direction:column;align-items:stretch}.rep-controls{flex-wrap:wrap;width:100%}.rep-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"revenue revenue""bas bas""aging top""quotes quotes"}}@media (width<=820px){.rep-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"revenue""bas""aging""top""quotes"}}@media (width<=560px){.rep-kpis{grid-template-columns:minmax(0,1fr)}.period-group{width:100%}.period-label{display:none}.period-seg{width:100%;display:flex}.period-seg button{flex:1;padding:7px 6px;font-size:12px}}.main-card-heading{flex-direction:column;gap:2px;min-width:0;display:flex}:is(.main-card-header:has(+.set-row),.main-card-header:has(+.rem-list)){padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:0}.field-row.addr{grid-template-columns:2fr 1fr 1fr}.field-hint{color:var(--text-tertiary);font-size:12px;line-height:1.45}.field-hint+.field,.field-hint+.field-row{margin-top:var(--space-4)}.input-prefix{position:relative}.input-prefix>.prefix{color:var(--text-tertiary);pointer-events:none;font-size:14px;font-weight:600;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-prefix>.input{padding-left:30px}.main-card.danger-card{border:1px solid color-mix(in oklch, var(--danger) 28%, var(--border));background:color-mix(in oklch, var(--danger-bg) 26%, var(--surface-main))}.main-card.danger-card .main-card-title{color:var(--danger-text)}.field[hidden],.set-row[hidden],.main-card[hidden]{display:none}.toggle{border-radius:var(--radius-pill);background:var(--border-strong);cursor:pointer;width:42px;height:24px;transition:background .18s var(--ease-out);border:none;flex-shrink:0;padding:0;position:relative}.toggle:after{content:"";width:18px;height:18px;transition:transform .2s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a40}.toggle.on{background:var(--primary)}.toggle.on:after{transform:translate(18px)}.toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #3b5bdb2e}.set-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;display:flex}.set-row+.set-row{border-top:1px solid var(--border)}.set-row:first-child{padding-top:0}.set-row:last-child{padding-bottom:0}.set-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.set-row-title{color:var(--text-primary);font-size:14px;font-weight:600}.set-row-sub{color:var(--text-tertiary);font-size:12px;line-height:1.45}.set-row-control{align-items:center;gap:var(--space-3);flex-shrink:0;display:inline-flex}.save-bar{margin-top:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-section);background:var(--surface-main);border:1px dashed var(--border-strong);opacity:.6;transition:opacity .2s,background .2s,border-color .2s,box-shadow .2s;display:flex}.save-bar-text{color:var(--text-tertiary);align-items:center;gap:var(--space-2);font-size:13px;display:inline-flex}.save-bar-text svg{width:16px;height:16px}.save-bar-actions{gap:var(--space-2);display:inline-flex}.save-bar .btn{opacity:.5;pointer-events:none}.save-bar.dirty{opacity:1;background:var(--surface-inner);border-style:solid;border-color:var(--border);box-shadow:0 6px 20px #0f172a0f}.save-bar.dirty .btn{opacity:1;pointer-events:auto}.save-bar.dirty .save-bar-text{color:var(--warning-text);font-weight:600}.save-bar.saved .save-bar-text{color:var(--success-text);font-weight:600}.logo-drop{align-items:center;gap:var(--space-4);display:flex}.logo-zone{border-radius:var(--radius-card);border:1.5px dashed var(--border-strong);background:var(--surface-inner);cursor:pointer;width:96px;height:96px;color:var(--text-tertiary);text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;transition:border-color .15s,background .15s,color .15s;display:flex}.logo-zone:hover,.logo-zone.drag{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.logo-zone svg{width:22px;height:22px}.logo-zone span{letter-spacing:.02em;font-size:10px;font-weight:600}.logo-drop-meta{flex-direction:column;gap:6px;display:flex}.logo-drop-meta .mono{color:var(--text-tertiary);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.list-card{background:var(--surface-inner);border-radius:var(--radius-card);overflow:hidden}.list-row{align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.list-row+.list-row{border-top:1px solid var(--border)}.list-row-icon{border-radius:var(--radius-sm);background:var(--surface-main);width:40px;height:40px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.list-row-icon svg{width:18px;height:18px}.list-row-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:inline-flex}.list-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list-row-title{color:var(--text-primary);align-items:center;gap:var(--space-2);font-size:14px;font-weight:600;display:inline-flex}.list-row-sub{color:var(--text-tertiary);font-size:12px}.list-row-sub.num{font-variant-numeric:tabular-nums}.list-row-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.list-row-actions .role-slot{justify-content:flex-end;align-items:center;width:120px;display:inline-flex}.list-row-actions .act-slot{justify-content:flex-end;align-items:center;width:34px;display:inline-flex}.inline-link{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;transition:color .12s}.inline-link:hover{color:var(--text-primary);text-decoration:underline}.list-add{width:100%;padding:var(--space-4);align-items:center;gap:var(--space-2);color:var(--primary);border:none;border-top:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s;display:flex}.list-add:hover{background:var(--surface-main)}.list-add svg{width:16px;height:16px}.chip{border-radius:var(--radius-pill);letter-spacing:.01em;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.chip-default{background:var(--success-bg);color:var(--success-text)}.chip-role{background:var(--primary-light);color:var(--primary)}.chip-ext{background:var(--surface-main);color:var(--text-secondary)}.chip-muted{background:var(--surface-main);color:var(--text-tertiary)}.chip-pending{background:var(--warning-bg);color:var(--warning-text)}.icon-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.icon-btn:hover{background:var(--surface-main);color:var(--text-primary)}.icon-btn.danger:hover{background:var(--danger-bg);color:var(--danger-text)}.icon-btn svg{width:17px;height:17px}.rem-list{gap:var(--space-3);flex-direction:column;display:flex}.rem-rule{background:var(--surface-inner);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);transition:opacity .16s}.rem-rule-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.rem-when{align-items:center;gap:var(--space-3);min-width:0;display:flex}.rem-badge{border-radius:var(--radius-sm);background:var(--surface-main);width:38px;height:38px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.rem-badge svg{width:18px;height:18px}.rem-when-title{color:var(--text-primary);font-size:14px;font-weight:600}.rem-when-sub{color:var(--text-tertiary);font-size:12px}.rem-msg{margin-top:var(--space-3)}.rem-rule.off{opacity:.55}.rem-rule.off .rem-msg{display:none}.token-bar{margin-top:var(--space-3);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.token-bar-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-right:2px;font-size:10px;font-weight:700}.token-chip{color:var(--text-secondary);background:var(--surface-inner);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600}.set-hero{border-radius:var(--radius-section);background:var(--primary-gradient);padding:var(--space-2);position:relative;overflow:hidden}.set-hero:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#fff3,#0000 70%);width:50%;height:220%;position:absolute;top:-60%;right:-8%}.set-hero-banner{z-index:1;color:#fff;padding:var(--space-4) var(--space-4) var(--space-3);align-items:center;gap:var(--space-4);display:flex;position:relative}.set-hero-icon{border-radius:var(--radius-card);background:#ffffff2e;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.set-hero-icon svg{width:24px;height:24px}.set-hero-title{letter-spacing:-.02em;font-size:17px;font-weight:800}.set-hero-sub{opacity:.92;margin-top:2px;font-size:13px}.set-hero-tiles{z-index:1;gap:var(--space-2);padding:0 var(--space-2) var(--space-2);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.set-hero-tile{align-items:flex-start;gap:var(--space-2);text-align:left;padding:var(--space-4);border-radius:var(--radius-card);cursor:pointer;background:#fffffff5;border:1px solid #fff9;flex-direction:column;font-family:inherit;text-decoration:none;transition:background .14s,transform .14s,box-shadow .14s;display:flex}.set-hero-tile:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0f172a2e}.set-hero-tile-icon{border-radius:var(--radius-sm);background:var(--primary-light);width:38px;height:38px;color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.set-hero-tile-icon svg{width:19px;height:19px}.set-hero-tile-title{color:var(--text-primary);align-items:center;gap:5px;font-size:14px;font-weight:700;display:inline-flex}.set-hero-tile-sub{color:var(--text-tertiary);font-size:12px;line-height:1.45}@media (width<=560px){.set-hero-tiles{grid-template-columns:1fr}}.biz-list{background:var(--surface-inner);border-radius:var(--radius-card);overflow:hidden}.biz-row+.biz-row{border-top:1px solid var(--border)}.biz-row-head{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;display:flex}.biz-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.biz-row-head .role-slot{flex-shrink:0;justify-content:flex-end;width:88px;display:inline-flex}.plan-card{background:var(--surface-inner);border-radius:var(--radius-card);padding:var(--space-5);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.plan-name{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:var(--space-2);font-size:18px;font-weight:700;display:inline-flex}.plan-price{color:var(--text-secondary);margin-top:2px;font-size:13px}.plan-price b{color:var(--text-primary);font-weight:700}.usage{margin-top:var(--space-4);flex-direction:column;gap:6px;display:flex}.usage-bar{border-radius:var(--radius-pill);background:var(--surface-main);height:8px;overflow:hidden}.usage-fill{border-radius:var(--radius-pill);background:var(--primary-gradient);height:100%}.usage-meta{color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.perm-grid{grid-template-columns:minmax(0, 1.6fr) repeat(var(--perm-cols,3), minmax(88px, 1fr));background:var(--surface-inner);border-radius:var(--radius-card);gap:0;font-size:13px;display:grid;overflow:hidden}.perm-grid>div{padding:11px var(--space-4);border-bottom:1px solid var(--border);align-items:center;display:flex}.perm-head{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:11px;font-weight:600}.perm-cell{color:var(--text-tertiary);justify-content:center}.perm-row-label{color:var(--text-primary);font-weight:500}.perm-grid>.perm-last{border-bottom:none}.settings-layout{gap:var(--space-5);grid-template-columns:1fr 248px;align-items:start;display:grid}.settings-panes{grid-area:1/1;min-width:0}.settings-rail{top:var(--space-6);gap:var(--space-4);flex-direction:column;grid-area:1/2;display:flex;position:sticky}.rail-group{background:var(--surface-main);border-radius:var(--radius-card);padding:var(--space-3);flex-direction:column;gap:2px;display:flex}.rail-group-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);padding:4px var(--space-2) var(--space-2);font-size:10px;font-weight:700}.rail-item{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);text-align:left;white-space:nowrap;background:0 0;border:none;width:100%;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:flex}.rail-item svg{width:17px;height:17px;color:var(--text-tertiary);flex-shrink:0;transition:color .12s}.rail-item:hover{background:var(--surface-main);color:var(--text-primary)}.rail-item:hover svg{color:var(--text-secondary)}.rail-item.active,.rail-item.active:hover{color:#fff;background:#0f172a;box-shadow:inset 0 0 0 999px #0f172a}.rail-item.active svg,.rail-item.active span{color:#fff}.settings-mobile-nav{width:100%;margin-bottom:var(--space-4);display:none}.settings-mobile-nav .select{height:44px}.pane-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:2px;font-size:19px;font-weight:700}.pane-sub{color:var(--text-secondary);margin-bottom:var(--space-5);max-width:60ch;font-size:13px;line-height:1.5}.pane-sub .scope-tag{color:var(--text-primary);font-weight:600}.pane form+form{margin-top:var(--space-4)}.pane-head{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-5);margin-bottom:var(--space-4)}.pane-head .pane-title{margin-bottom:4px}.pane-head .pane-sub{margin-bottom:0}@media (prefers-reduced-motion:no-preference){.pane{animation:paneIn .24s var(--ease-out)}@keyframes paneIn{0%{transform:translateY(7px)}to{transform:none}}}.pane-deferred{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-card);background:var(--warning-bg);color:var(--warning-text);font-size:12.5px;line-height:1.45;display:flex}.pane-deferred svg{flex-shrink:0;width:17px;height:17px;margin-top:1px}.pane-deferred strong{font-weight:700}.is-deferred{opacity:.72;pointer-events:none}@media (width<=1180px){.settings-layout{grid-template-columns:1fr}.settings-panes{grid-area:auto/1}.settings-rail{display:none}.settings-mobile-nav{display:block}.perm-grid{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=560px){.field-row,.field-row.addr{grid-template-columns:1fr}.save-bar{align-items:stretch;gap:var(--space-3);flex-direction:column}}.disc-input{background:var(--surface-inner);border:1px solid var(--field-border,transparent);border-radius:var(--radius-input);align-items:center;gap:4px;height:44px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.disc-input:hover{border-color:var(--border)}.disc-input:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b5bdb1f}.disc-affix{color:var(--text-tertiary);font-size:14px}.disc-num{min-width:0;height:100%;color:var(--text-primary);appearance:textfield;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:14px;font-weight:500}.disc-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.disc-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.promo-save{margin-top:var(--space-4)}.disc-note{color:var(--text-tertiary);margin-top:4px;display:block}.disc-summary{margin-top:var(--space-3);color:var(--text-secondary);font-size:13px;line-height:1.5}.disc-summary b{color:var(--text-primary)}.disc-capped{color:var(--warning-text,var(--text-tertiary));display:block}.discount-add{border:1px dashed var(--border-strong);width:100%;color:var(--text-secondary);cursor:pointer;padding:var(--space-4);background:0 0;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.discount-add:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.discount-add svg{width:16px;height:16px}.lineitems-running-total.discount-line .lineitems-running-total-value{color:var(--text-secondary);font-weight:600}.mobile-tabbar,.mobile-fab,.mobile-more-sheet{display:none}@media (width<=820px){body{padding:var(--space-3);padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.mega-card{padding:var(--space-4);border-radius:20px}.topnav{gap:var(--space-2);margin-bottom:var(--space-4)}.topnav .nav-pills,.topnav-right .icon-pill[aria-label=Help],.user-pill .user-info,.user-pill .user-chev{display:none}.body-grid{grid-template-columns:1fr}.sidebar{display:none}.page-header{flex-wrap:wrap}.h1{font-size:24px}.user-dropdown{width:min(280px,100vw - 48px)}.search-overlay{padding:max(4vh, 16px) var(--space-3) var(--space-3)}.search-kbd{display:none}.mobile-tabbar{left:var(--space-3);right:var(--space-3);bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));z-index:60;background:var(--surface-mega);border-radius:999px;justify-content:space-between;align-items:center;gap:4px;padding:12px;display:flex;position:fixed;box-shadow:0 12px 32px #0f172a29}.mobile-tab{min-width:44px;height:44px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 11px;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.mobile-tab svg{flex-shrink:0;width:21px;height:21px}.mobile-tab span{letter-spacing:.01em;white-space:nowrap;font-size:13.5px;font-weight:600;display:none}.mobile-tab:hover{color:var(--text-secondary)}.mobile-tab.active{background:var(--primary-gradient);color:#fff;padding:0 15px;box-shadow:0 2px 10px #3b5bdb66}.mobile-tab.active span{display:inline}.mobile-fab{right:var(--space-4);bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:60;cursor:pointer;background:var(--accent-gradient);color:#fff;width:56px;height:56px;box-shadow:0 10px 26px var(--accent-glow);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,box-shadow .15s;display:inline-flex;position:fixed}.mobile-fab:active{transform:scale(.94)}.mobile-fab svg{width:24px;height:24px}.mobile-more-sheet{z-index:70;display:none;position:fixed;inset:0}.mobile-more-sheet.open{display:block}.mobile-more-backdrop{opacity:0;cursor:default;background:#0f172a73;border:0;padding:0;animation:.18s forwards mmFade;position:absolute;inset:0}.mobile-more-card{background:var(--surface-mega);width:min(440px,100%);padding:10px var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;animation:.24s cubic-bezier(.22,1,.36,1) forwards mmSlide;position:absolute;bottom:0;left:50%;transform:translate(-50%)translateY(100%);box-shadow:0 -12px 40px #0f172a38}.mobile-more-grip{background:var(--border);border-radius:999px;width:40px;height:4px;margin:4px auto 12px}.mobile-more-row{align-items:center;gap:var(--space-3);padding:14px var(--space-3);border-radius:var(--radius-card);color:var(--text-primary);font-size:15px;font-weight:600;text-decoration:none;display:flex}.mobile-more-row svg{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.mobile-more-row:active{background:var(--surface-main)}.mobile-more-row.cur,.mobile-more-row.cur svg{color:var(--primary)}@keyframes mmFade{to{opacity:1}}@keyframes mmSlide{to{transform:translate(-50%)translateY(0)}}}@media (width<=560px){body{padding:0}.mega-card{padding:21px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));border-radius:0}}body:has(.marketing){background:#eef0f4;padding:0}.marketing{--primary:#3b5bdb;--primary-hover:#2f4bc9;--primary-light:#eaeffd;--primary-grad-end:#5a4bd9;--primary-gradient:linear-gradient(135deg, #3b5bdb 0%, #5a4bd9 100%);--primary-gradient-hover:linear-gradient(135deg, #4361e0 0%, #65d 100%);--surface-body:#eef0f4;--surface-mega:#fff;--surface-main:#f4f5f8;--surface-inner:#fff;--surface-topbar-pill:#eceef3;--border:#e5e7eb;--border-strong:#d1d5db;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--success:#10b981;--success-bg:#d1fae5;--success-text:#047857;--warning:#f59e0b;--warning-bg:#fef3c7;--warning-text:#b45309;--danger:#ef4444;--danger-bg:#fee2e2;--danger-text:#b91c1c;--info:#3b82f6;--info-bg:#dbeafe;--info-text:#1d4ed8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-outer:24px;--radius-section:16px;--radius-card:12px;--radius-btn:9999px;--radius-sm:8px;--radius-pill:9999px;background:var(--surface-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;padding:var(--space-6);font-feature-settings:"cv11", "ss01", "ss03";min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}.marketing .num{font-feature-settings:"tnum", "cv11";font-variant-numeric:tabular-nums}.marketing .mega-card{background:var(--surface-mega);border-radius:var(--radius-outer);max-width:1280px;padding:var(--space-6);margin:0 auto}.marketing .topnav{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-12);display:flex}.marketing .brand-pill{align-items:center;gap:var(--space-2);background:var(--surface-topbar-pill);border-radius:var(--radius-pill);padding:6px 14px 6px 6px;display:inline-flex}.marketing .brand-logo{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.marketing .brand-logo svg{width:18px;height:18px}.marketing .brand-name{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.marketing .topnav-right{align-items:center;gap:var(--space-3);display:inline-flex}.marketing .nav-link{color:var(--text-secondary);border-radius:var(--radius-pill);padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.marketing .nav-link:hover{color:var(--text-primary);background:var(--surface-topbar-pill)}.marketing .btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;border:none;height:40px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.marketing .btn-primary{background:var(--primary-gradient);color:#fff}.marketing .btn-primary:hover{background:var(--primary-gradient-hover)}.marketing .btn-secondary{background:var(--surface-inner);color:var(--text-primary)}.marketing .btn-secondary:hover{background:#f1f2f5}.marketing .btn-ghost{color:var(--text-secondary);background:0 0}.marketing .btn-ghost:hover{background:var(--surface-inner);color:var(--text-primary)}.marketing .btn-sm{height:32px;padding:0 12px;font-size:13px}.marketing .btn-lg{height:52px;padding:0 28px;font-size:16px}.marketing .btn-xl{height:60px;padding:0 32px;font-size:17px}.marketing .footer{padding-top:var(--space-6);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.marketing .footer-brand{align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:12px;display:flex}.marketing .footer-links{gap:var(--space-5);display:flex}.marketing .footer-link{color:var(--text-secondary);font-size:13px;text-decoration:none;transition:color .15s}.marketing .footer-link:hover{color:var(--text-primary)}.marketing .footer-note{color:var(--text-tertiary);font-size:12px}.marketing .brand-pill{text-decoration:none}.marketing.landing .hero{gap:var(--space-12);padding:var(--space-8) 0 var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.marketing.landing .hero-eyebrow{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-pill);margin-bottom:var(--space-5);align-items:center;gap:6px;padding:5px 12px 5px 10px;font-size:12px;font-weight:600;display:inline-flex}.marketing.landing .hero-eyebrow-dot{background:var(--primary);border-radius:50%;width:6px;height:6px}.marketing.landing .hero-title{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:var(--space-5);font-size:56px;font-weight:800;line-height:1}.marketing.landing .hero-title .accent{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.marketing.landing .hero-sub{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:520px;font-size:18px;line-height:1.5}.marketing.landing .hero-cta-row{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.marketing.landing .hero-trust{align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:13px;display:flex}.marketing.landing .hero-trust svg{width:14px;height:14px;color:var(--success);flex-shrink:0}.marketing.landing .hero-visual{padding:var(--space-5);background:var(--surface-main);border-radius:var(--radius-section);position:relative}.marketing.landing .preview-card{background:var(--surface-inner);border-radius:var(--radius-card);padding:var(--space-5);position:relative;box-shadow:0 1px 3px #0f172a0a,0 8px 24px #0f172a0f}.marketing.landing .preview-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;display:flex}.marketing.landing .preview-label{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-1);font-size:11px;font-weight:600}.marketing.landing .preview-invoice-num{color:var(--primary);letter-spacing:-.01em;font-size:16px;font-weight:700}.marketing.landing .preview-pill{border-radius:var(--radius-pill);background:var(--success-bg);color:var(--success-text);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.marketing.landing .preview-pill-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.marketing.landing .preview-customer{margin-bottom:var(--space-5)}.marketing.landing .preview-customer-name{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:600}.marketing.landing .preview-customer-meta{color:var(--text-tertiary);font-size:12px}.marketing.landing .preview-lines{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.marketing.landing .preview-line{padding:var(--space-3);background:var(--surface-main);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.marketing.landing .preview-line-desc{color:var(--text-primary);font-size:13px;font-weight:500}.marketing.landing .preview-line-meta{color:var(--text-tertiary);margin-top:1px;font-size:11px}.marketing.landing .preview-line-amt{color:var(--text-primary);font-size:13px;font-weight:600}.marketing.landing .preview-totals{padding-top:var(--space-3);border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;display:flex}.marketing.landing .preview-total-label{color:var(--text-secondary);font-size:13px;font-weight:500}.marketing.landing .preview-total-value{color:var(--text-primary);letter-spacing:-.02em;font-size:28px;font-weight:800}.marketing.landing .preview-toast{background:var(--text-primary);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);align-items:center;gap:var(--space-3);min-width:220px;animation:4s ease-in-out infinite toast-float;display:flex;position:absolute;top:40%;right:-16px;transform:translateY(-50%);box-shadow:0 12px 32px #0f172a2e}@keyframes toast-float{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(calc(-50% - 6px))translate(0)}}.marketing.landing .preview-toast-icon{background:var(--success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.marketing.landing .preview-toast-icon svg{width:16px;height:16px}.marketing.landing .preview-toast-title{color:#fff;font-size:13px;font-weight:600;line-height:1.2}.marketing.landing .preview-toast-sub{color:#ffffffa6;margin-top:2px;font-size:11px}.marketing.landing .features{gap:var(--space-4);margin-bottom:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}.marketing.landing .feature{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-8);gap:var(--space-4);flex-direction:column;display:flex}.marketing.landing .feature-icon{border-radius:var(--radius-card);background:var(--surface-inner);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.marketing.landing .feature-icon svg{width:22px;height:22px}.marketing.landing .feature-title{letter-spacing:-.02em;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2}.marketing.landing .feature-body{color:var(--text-secondary);font-size:14px;line-height:1.55}@media (width<=900px){.marketing.landing .hero{gap:var(--space-8);padding:var(--space-4) 0 var(--space-8);grid-template-columns:1fr}.marketing.landing .hero-title{font-size:44px}.marketing.landing .preview-toast{right:var(--space-3)}}@media (width<=640px){.marketing.landing .features{grid-template-columns:1fr}.marketing.landing{padding:var(--space-3)}.marketing.landing .mega-card{padding:var(--space-4)}.marketing.landing .topnav{margin-bottom:var(--space-6)}.marketing.landing .hero-title{font-size:36px}.marketing.landing .hero-sub{font-size:16px}.marketing.landing .hero-cta-row{flex-direction:column;align-items:stretch}.marketing.landing .hero-cta-row .btn-xl{width:100%}.marketing.landing .feature{padding:var(--space-6)}.marketing.landing .footer{align-items:flex-start;gap:var(--space-4);flex-direction:column}.marketing.landing .preview-toast,.marketing.landing .nav-link.pricing{display:none}}.marketing.landing .feature-demo-link{color:var(--primary);cursor:pointer;margin-top:var(--space-2);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;font-weight:700;transition:gap .15s,opacity .15s;display:inline-flex}.marketing.landing .feature-demo-link:hover{opacity:.8;gap:9px}.marketing.landing .qb-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:200;padding:var(--space-6);opacity:0;visibility:hidden;background:#0f172a8c;justify-content:center;align-items:center;transition:opacity .25s,visibility 0s linear .25s;display:flex;position:fixed;inset:0}.marketing.landing .qb-modal-backdrop.open{opacity:1;visibility:visible;transition:opacity .25s,visibility}.marketing.landing .qb-modal{align-items:center;gap:var(--space-5);flex-direction:column;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(16px)scale(.97)}.marketing.landing .qb-modal-backdrop.open .qb-modal{transform:translateY(0)scale(1)}.marketing.landing .qb-modal-close{top:var(--space-6);right:var(--space-6);color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:absolute}.marketing.landing .qb-modal-close:hover{background:#fff3}.marketing.landing .qb-modal-close svg{width:18px;height:18px}.marketing.landing .qb-modal-title{color:#ffffffb3;letter-spacing:.03em;font-size:14px;font-weight:600}.marketing.landing .phone{background:#16171d;border-radius:44px;flex-shrink:0;width:272px;height:560px;position:relative;box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #0009,0 32px 80px #0f172a66,0 8px 24px #0f172a4d}.marketing.landing .phone:before{content:"";background:#2a2b33;border-radius:2px 0 0 2px;width:3px;height:28px;position:absolute;top:108px;left:-3px;box-shadow:0 40px #2a2b33}.marketing.landing .phone:after{content:"";background:#2a2b33;border-radius:0 2px 2px 0;width:3px;height:52px;position:absolute;top:140px;right:-3px}.marketing.landing .phone-screen{background:var(--surface-body);border-radius:38px;position:absolute;inset:6px;overflow:hidden;box-shadow:inset 0 2px 8px #00000026}.marketing.landing .phone-island{z-index:10;background:#16171d;border-radius:20px;width:72px;height:22px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.marketing.landing .phone-home{z-index:10;background:#ffffff26;border-radius:4px;width:88px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.marketing.landing .qb-screen{opacity:0;pointer-events:none;cursor:pointer;flex-direction:column;padding:44px 0 16px;transition:opacity .32s;display:flex;position:absolute;inset:0}.marketing.landing .qb-screen.active{opacity:1;pointer-events:auto}.marketing.landing .qb-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 16px 8px;display:flex}.marketing.landing .qb-logo{align-items:center;gap:5px;display:flex}.marketing.landing .qb-logo-dot{background:var(--primary-gradient);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.marketing.landing .qb-logo-dot svg{color:#fff;width:11px;height:11px}.marketing.landing .qb-logo-name{color:var(--text-primary);font-size:12px;font-weight:700}.marketing.landing .qb-header-label{color:var(--text-primary);font-size:13px;font-weight:700}.marketing.landing .qb-header-btn{background:var(--primary-light);width:26px;height:26px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.marketing.landing .qb-header-btn svg{width:13px;height:13px}.marketing.landing .qb-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);flex-shrink:0;margin-bottom:5px;padding:0 16px;font-size:9px;font-weight:700}.marketing.landing .qb-templates{flex-direction:column;flex-shrink:0;gap:5px;padding:0 12px;display:flex}.marketing.landing .qb-template{background:var(--surface-inner);cursor:pointer;border:2px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;transition:border-color .2s,background .2s;display:flex}.marketing.landing .qb-template.selected{border-color:var(--primary);background:var(--primary-light)}.marketing.landing .qb-template-left{align-items:center;gap:8px;display:flex}.marketing.landing .qb-template-icon{background:var(--primary-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.marketing.landing .qb-template.selected .qb-template-icon{background:var(--primary)}.marketing.landing .qb-template-name{color:var(--text-primary);font-size:11px;font-weight:600}.marketing.landing .qb-template-sub{color:var(--text-tertiary);margin-top:1px;font-size:9px}.marketing.landing .qb-template-price{color:var(--text-primary);font-feature-settings:"tnum";font-size:11px;font-weight:700}.marketing.landing .qb-divider{background:var(--border);flex-shrink:0;height:1px;margin:8px 12px}.marketing.landing .qb-customers{flex-direction:column;flex-shrink:0;gap:4px;padding:0 12px;display:flex}.marketing.landing .qb-customer{background:var(--surface-inner);cursor:pointer;border:2px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;transition:border-color .2s,background .2s;display:flex}.marketing.landing .qb-customer.selected{border-color:var(--primary);background:var(--primary-light)}.marketing.landing .qb-avatar{background:var(--surface-topbar-pill);width:26px;height:26px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.marketing.landing .qb-customer-name{color:var(--text-primary);flex:1;font-size:11px;font-weight:600}.marketing.landing .qb-customer-meta{color:var(--text-tertiary);font-size:9px}.marketing.landing .qb-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#0f172ad1;border-radius:20px;padding:4px 9px;font-family:Inter,sans-serif;font-size:9px;font-weight:600;animation:2.4s ease-in-out infinite hint-float;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes hint-float{0%,to{opacity:.5;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(-4px)}}.marketing.landing .qb-invoice-wrap{background:var(--surface-inner);border-radius:12px;flex-direction:column;flex:1;margin:0 12px;padding:10px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.marketing.landing .qb-inv-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding-bottom:8px;display:flex}.marketing.landing .qb-inv-num{color:var(--primary);font-size:12px;font-weight:700}.marketing.landing .qb-inv-customer{color:var(--text-tertiary);margin-top:1px;font-size:10px}.marketing.landing .qb-inv-status{background:var(--warning-bg);color:var(--warning-text);border-radius:20px;padding:3px 7px;font-size:9px;font-weight:700}.marketing.landing .qb-inv-lines{flex-direction:column;flex:1;gap:4px;margin-bottom:8px;display:flex}.marketing.landing .qb-inv-line{background:var(--surface-main);opacity:0;border-radius:6px;justify-content:space-between;align-items:center;padding:5px 7px;transition:opacity .28s,transform .28s;display:flex;transform:translateY(8px)}.marketing.landing .qb-inv-line.visible{opacity:1;transform:none}.marketing.landing .qb-inv-line-name{color:var(--text-primary);font-size:9px;font-weight:500}.marketing.landing .qb-inv-line-amt{color:var(--text-primary);font-feature-settings:"tnum";font-size:9px;font-weight:700}.marketing.landing .qb-inv-total-row{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;padding-top:6px;display:flex}.marketing.landing .qb-inv-total-label{color:var(--text-secondary);font-size:9px}.marketing.landing .qb-inv-total-val{color:var(--text-primary);letter-spacing:-.03em;font-feature-settings:"tnum";font-size:20px;font-weight:800}.marketing.landing .qb-send-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:40px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:36px;margin:8px 12px 0;font-family:Inter,sans-serif;font-size:11px;font-weight:700;transition:transform .15s;display:flex}.marketing.landing .qb-send-btn svg{width:12px;height:12px}.marketing.landing .qb-send-btn.pulsing{animation:.7s ease-in-out 2 btn-pulse}@keyframes btn-pulse{0%,to{box-shadow:none;transform:scale(1)}50%{transform:scale(1.03);box-shadow:0 0 0 5px #3b5bdb33}}.marketing.landing .qb-success{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 20px;display:flex}.marketing.landing .qb-success-tick{background:var(--success);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;display:flex}.marketing.landing .qb-success-tick svg{color:#fff;width:24px;height:24px}.marketing.landing .qb-success-title{color:var(--text-primary);font-size:13px;font-weight:700}.marketing.landing .qb-success-amount{color:var(--primary);letter-spacing:-.03em;font-feature-settings:"tnum";font-size:24px;font-weight:800}.marketing.landing .qb-success-sub{color:var(--text-tertiary);font-size:9px;line-height:1.4}.marketing.landing .phone-dots{justify-content:center;align-items:center;gap:6px;display:flex}.marketing.landing .phone-dot{cursor:pointer;background:#ffffff4d;border-radius:50%;width:6px;height:6px;transition:background .3s,transform .3s}.marketing.landing .phone-dot.active{background:#fff;transform:scale(1.3)}.marketing.landing .phone-label{color:#ffffff8c;text-align:center;font-size:11px;font-weight:600}@keyframes tick-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.marketing.pricing .mega-card{max-width:1080px}.marketing.pricing .topnav{margin-bottom:var(--space-10)}.marketing.pricing .footer{margin-top:var(--space-20)}.marketing.pricing .nav-link.active{color:var(--text-primary);background:var(--surface-topbar-pill)}.marketing.pricing .hero{text-align:center;padding:var(--space-8) 0 var(--space-10);max-width:680px;margin:0 auto}.marketing.pricing .hero-eyebrow{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-pill);margin-bottom:var(--space-5);align-items:center;gap:6px;padding:5px 12px 5px 10px;font-size:12px;font-weight:600;display:inline-flex}.marketing.pricing .hero-eyebrow-dot{background:var(--primary);border-radius:50%;width:6px;height:6px}.marketing.pricing .hero-title{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:var(--space-4);font-size:48px;font-weight:800;line-height:1.05}.marketing.pricing .hero-title .accent{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.marketing.pricing .hero-sub{color:var(--text-secondary);font-size:17px;line-height:1.55}.marketing.pricing .trial-strip{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-5) var(--space-6);align-items:center;gap:var(--space-4);max-width:760px;margin:0 auto var(--space-8);display:flex}.marketing.pricing .trial-strip-icon{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.marketing.pricing .trial-strip-icon svg{width:20px;height:20px}.marketing.pricing .trial-strip-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.marketing.pricing .trial-strip-text strong{color:var(--text-primary);font-weight:600}.marketing.pricing .plans{gap:var(--space-4);grid-template-columns:1fr 1fr;max-width:760px;margin:0 auto;display:grid}.marketing.pricing .plan{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-8) var(--space-6);flex-direction:column;min-height:100%;display:flex}.marketing.pricing .plan-pro{background:var(--primary-gradient);padding:2px;box-shadow:0 12px 32px #3b5bdb26}.marketing.pricing .plan-pro-inner{background:var(--surface-inner);padding:var(--space-8) var(--space-6);border-radius:14px;flex-direction:column;height:100%;display:flex}.marketing.pricing .plan-name{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-3);font-size:13px;font-weight:600}.marketing.pricing .plan-pro .plan-name{color:var(--primary)}.marketing.pricing .plan-price-row{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.marketing.pricing .plan-price{letter-spacing:-.03em;color:var(--text-primary);font-size:48px;font-weight:800;line-height:1}.marketing.pricing .plan-price-cents{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:700}.marketing.pricing .plan-price-suffix{color:var(--text-secondary);font-size:14px;font-weight:500}.marketing.pricing .plan-tagline{color:var(--text-secondary);margin-bottom:var(--space-6);min-height:38px;font-size:13px}.marketing.pricing .plan-divider{background:var(--border);height:1px;margin:0 0 var(--space-6)}.marketing.pricing .plan-features{margin-bottom:var(--space-6);flex:1;list-style:none}.marketing.pricing .plan-feature{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;color:var(--text-primary);font-size:14px;line-height:1.5;display:flex}.marketing.pricing .plan-feature-icon{background:var(--success-bg);width:18px;height:18px;color:var(--success-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.marketing.pricing .plan-feature-icon svg{width:11px;height:11px}.marketing.pricing .plan-feature-meta{color:var(--text-tertiary);margin-top:1px;font-size:12px}.marketing.pricing .plan-feature-icon.absent{color:var(--text-tertiary);background:0 0}.marketing.pricing .plan-feature.absent{color:var(--text-tertiary)}.marketing.pricing .plans-cta{text-align:center;margin:var(--space-10) auto 0;max-width:460px}.marketing.pricing .plans-cta-note{color:var(--text-tertiary);margin-top:var(--space-3);font-size:13px}.marketing.pricing .faq{max-width:720px;margin:var(--space-20) auto 0}.marketing.pricing .faq-title{letter-spacing:-.025em;color:var(--text-primary);text-align:center;margin-bottom:var(--space-8);font-size:28px;font-weight:700}.marketing.pricing .faq-item{background:var(--surface-main);border-radius:var(--radius-section);margin-bottom:var(--space-3);overflow:hidden}.marketing.pricing .faq-question{width:100%;padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s;display:flex}.marketing.pricing .faq-question:hover{background:#fff6}.marketing.pricing .faq-chevron{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0;transition:transform .22s cubic-bezier(.22,1,.36,1)}.marketing.pricing .faq-item.open .faq-chevron{transform:rotate(180deg)}.marketing.pricing .faq-answer{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.22,1,.36,1),opacity .18s,visibility 0s linear .22s;display:grid}.marketing.pricing .faq-answer-inner{min-height:0;overflow:hidden}.marketing.pricing .faq-answer-inner p{padding:0 var(--space-6) var(--space-5);color:var(--text-secondary);font-size:14px;line-height:1.6}.marketing.pricing .faq-item.open .faq-answer{opacity:1;visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .22s cubic-bezier(.22,1,.36,1),opacity .18s 40ms,visibility linear}@media (width<=760px){.marketing.pricing .plans{grid-template-columns:1fr}.marketing.pricing .plan-pro{order:-1}.marketing.pricing .hero-title{font-size:36px}.marketing.pricing .hero-sub{font-size:15px}.marketing.pricing .trial-strip{text-align:center;padding:var(--space-5);flex-direction:column}.marketing.pricing .faq-title{font-size:24px}.marketing.pricing .faq-question{padding:var(--space-4) var(--space-5);font-size:14px}.marketing.pricing .faq-answer-inner p{padding:0 var(--space-5) var(--space-4)}}@media (width<=640px){.marketing.pricing{padding:var(--space-3)}.marketing.pricing .mega-card{padding:var(--space-4)}.marketing.pricing .topnav{margin-bottom:var(--space-6)}.marketing.pricing .topnav .nav-link.active{display:none}.marketing.pricing .hero{padding:var(--space-5) 0 var(--space-8)}.marketing.pricing .hero-title{font-size:30px}.marketing.pricing .plan,.marketing.pricing .plan-pro-inner{padding:var(--space-6) var(--space-5)}.marketing.pricing .plan-price{font-size:40px}.marketing.pricing .plan-price-cents{font-size:20px}.marketing.pricing .footer{align-items:flex-start;gap:var(--space-4);flex-direction:column}}.marketing .phone-dot{appearance:none;border:0;padding:0}.marketing .faq-question{text-align:left}.tile-rows-card{background:var(--surface-main);border-radius:24px;padding:14px}.tile-rows{--tile-icon-bg:#eeecfd;--tile-icon-ink:#5b4ab7;flex-direction:column;gap:12px;display:flex}html[data-theme=dark] .tile-rows{--tile-icon-bg:#7c5cf62e;--tile-icon-ink:#a99df2}.tile-row{background:var(--surface-inner);color:inherit;cursor:pointer;border-radius:22px;align-items:center;gap:18px;padding:14px 18px;text-decoration:none;transition:background .18s;display:flex}.tile-row:hover{background:color-mix(in oklch, var(--surface-inner) 96%, var(--text-primary))}.tile-row-icon{background:var(--tile-icon-bg);width:44px;height:44px;color:var(--tile-icon-ink);border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;display:flex}.tile-row-icon svg{width:19px;height:19px}.tile-row-text{flex:0 0 220px;min-width:0}.tile-row-text h3{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 3px;font-size:15.5px;font-weight:700}.tile-row-text p{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.5}.tile-row-pill{color:#fff;white-space:nowrap;background:var(--primary-gradient);border-radius:var(--radius-pill);flex:none;align-items:center;gap:6px;margin-left:auto;padding:9px 15px;font-size:13px;font-weight:600;transition:background .18s;display:inline-flex}.tile-row:hover .tile-row-pill{background:var(--primary-gradient-hover)}.pane-crumb{margin-bottom:var(--space-3)}@media (width<=820px){.tile-rows-card{border-radius:20px;padding:12px}.tile-row{border-radius:18px;gap:14px;min-height:72px;padding:14px 16px}.tile-row-text{flex:auto}.tile-row-pill{display:none}}.themes-scope{container-type:inline-size}.themes-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 400px;align-items:start;display:grid}.themes-gallery{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.theme-card{background:var(--surface-inner);border:2px solid var(--border);border-radius:var(--radius-section);padding:var(--space-3);transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.theme-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0f172a1a}.theme-card.selected{border-color:var(--primary)}.theme-card-hit{cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.theme-card:has(.theme-card-hit:focus-visible){border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 22%, transparent)}.theme-card-stage{border-radius:var(--radius-sm);background:#fff;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0f}.theme-card-stage .preview-doc{box-shadow:none;pointer-events:none;border-radius:0}.theme-card-stage.big{box-shadow:none}.theme-card-foot{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:0 2px;display:flex}.theme-card-left{align-items:center;gap:8px;min-width:0;display:inline-flex}.theme-card-name{color:var(--text-primary);font-size:14px;font-weight:700}.theme-card-swatch{border-radius:50%;flex-shrink:0;width:14px;height:14px}.theme-card-swatch.fixed{background:var(--surface-main);border:1px solid var(--border-strong)}.themes-side{top:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;position:sticky}.side-stage{background:var(--surface-main);border-radius:var(--radius-section);padding:var(--space-5)}.side-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-3);align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.side-eyebrow svg{width:14px;height:14px}.ctrl-card{background:var(--surface-inner);border-radius:var(--radius-section);padding:var(--space-5);box-shadow:0 1px 3px #0f172a0d}.ctrl-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.ctrl-title{color:var(--text-primary);font-size:16px;font-weight:700}.ctrl-sub{color:var(--text-tertiary);margin-top:2px;font-size:12px}.ctrl-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:10px;font-size:11px;font-weight:700}.ctrl-row+.ctrl-row{margin-top:var(--space-5)}.ctrl-note{color:var(--text-tertiary);margin-top:var(--space-3);font-size:12px}.accent-dots{flex-wrap:wrap;gap:10px;display:flex}.accent-dot{cursor:pointer;border:none;border-radius:50%;width:30px;height:30px;padding:0;transition:transform .12s,box-shadow .12s}.accent-dot:hover{transform:scale(1.1)}.accent-dot.selected{box-shadow:0 0 0 2px var(--surface-inner), 0 0 0 4px var(--text-secondary)}.accent-disabled{opacity:.45;pointer-events:none}.accent-note{color:var(--text-tertiary);margin-top:10px;font-size:12px}.btn-row{gap:var(--space-2);margin-top:var(--space-5);display:flex}@container (width<=860px){.themes-layout{grid-template-columns:1fr}.themes-side{flex-flow:wrap;align-items:flex-start;position:static}.side-stage{flex:2 340px;min-width:0}.ctrl-card{flex:260px;align-self:stretch}}@container (width<=620px){.themes-side{flex-direction:column}.side-stage,.ctrl-card{flex:auto;width:100%;min-width:0}}