:root{--vn-indigo: #130E21;--vn-on-primary: #FFFFFF;--vn-background: #FFFFFF;--vn-surface: #FAFAFA;--vn-foreground: #130E21;--vn-gray: #5D5D80;--vn-gray-muted: #9A9AAB;--vn-border: #E5E5EE;--vn-lavender: #7979A8;--vn-cyan: #5FCFE0;--vn-mint: #A0E5B0;--vn-gradient-brand: linear-gradient(135deg, var(--vn-lavender), var(--vn-cyan), var(--vn-mint));--vn-gradient-progress: linear-gradient(90deg, var(--vn-lavender), var(--vn-cyan));--vn-gradient-spark-today: linear-gradient(180deg, var(--vn-cyan), var(--vn-lavender));--vn-status-live: #10B981;--vn-status-live-bg: #D1FAE5;--vn-status-live-text: #065F46;--vn-status-warn: #F59E0B;--vn-status-warn-bg: #FEF3C7;--vn-status-warn-text: #92400E;--vn-status-error: #DC2626;--vn-status-error-bg: #FEE2E2;--vn-status-error-text: #991B1B;--vn-category-seating: #3b82f6;--vn-category-tables: #10b981;--vn-category-lighting: #f59e0b;--vn-category-outdoor: #8b5cf6;--vn-category-storage: #ec4899;--vn-category-beds-decor: #06b6d4;--vn-sale-accent: #C2410C;--vn-sale-bg: #FEF3C7;--vn-sale-text: #92400E;--vn-sale-border: #FDE68A;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--shadow-sm: 0 1px 2px rgba(19, 14, 33, .05);--shadow-md: 0 4px 12px rgba(19, 14, 33, .08);--shadow-lg: 0 12px 28px rgba(19, 14, 33, .12);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-icon-tile: 8px;--radius-pill: 9999px;--icon-xs: 12px;--icon-sm: 16px;--icon-md: 18px;--icon-lg: 20px;--icon-xl: 24px;--motion-fast: .15s;--motion-base: .2s;--sidebar-width: 220px;--section-height: 340px;--color-black: var(--vn-foreground);--color-dark: var(--vn-gray);--color-gray: var(--vn-gray);--color-mid: var(--vn-gray-muted);--color-light: var(--vn-border);--color-lighter: var(--vn-surface);--color-white: var(--vn-background);--color-live: var(--vn-status-live);--color-warning: var(--vn-status-warn);--color-error: var(--vn-status-error);--color-info: var(--vn-gray);--spacing-xs: var(--space-xs);--spacing-sm: var(--space-sm);--spacing-md: var(--space-md);--spacing-lg: var(--space-lg);--spacing-xl: var(--space-xl);--font-family: var(--font-sans);--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--border-radius: var(--radius-sm);--border-color: var(--vn-border);--vn-bg: var(--vn-background);--vn-ink: var(--vn-foreground);--vn-line: var(--vn-border);--vn-card: var(--vn-surface)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-black);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}h1,h2,h3,h4{font-weight:600}a{color:var(--color-black);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;font-size:inherit}.hidden{display:none!important}.platform-layout{display:flex;height:100vh;overflow:hidden}.platform-sidebar{width:240px;min-width:240px;background:var(--vn-indigo);color:var(--vn-on-primary);display:flex;flex-direction:column;padding:var(--space-md) 0 var(--space-md);font-family:var(--font-sans)}.platform-main{flex:1;overflow-y:auto;padding:var(--spacing-lg);background:var(--color-lighter)}.brand-header{display:flex;align-items:center;padding:var(--space-md) var(--space-md) var(--space-lg);margin:0 var(--space-sm);color:var(--vn-on-primary);text-decoration:none;cursor:pointer;transition:opacity .2s ease}.brand-header:hover{opacity:.85}.brand-header:focus-visible{outline:2px solid var(--vn-cyan);outline-offset:2px;border-radius:4px}.brand-header .brand-svg{height:22px;width:auto;display:block}.brand-header .brand-svg path{fill:currentColor}.nav-section{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-sm)}.nav-divider{height:var(--space-md)}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:#ffffffbf;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:400}.nav-item:hover{background:#ffffff0d;color:var(--vn-on-primary)}.nav-item.active{background:#ffffff14;color:var(--vn-on-primary);font-weight:500}.nav-item:focus-visible{outline:2px solid var(--vn-cyan);outline-offset:-2px}.nav-item .nav-icon{width:var(--icon-md);height:var(--icon-md);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item .nav-icon svg{width:var(--icon-sm);height:var(--icon-sm);stroke-width:2}.nav-item .nav-label{flex:1}.nav-item .nav-meta{font-size:11px;color:#fff6;font-weight:400;letter-spacing:.01em;font-variant-numeric:tabular-nums}.nav-item.locked .nav-label{color:#ffffff80}.nav-item.locked .nav-icon{opacity:.4}.nav-spacer{flex:1;min-height:var(--space-2xl)}.sidebar-foot{padding:0 var(--space-md)}.sidebar-usage{padding:var(--space-sm) 0 0;border-top:1px solid rgba(255,255,255,.08);cursor:pointer;transition:opacity .2s ease}.sidebar-usage:hover{opacity:.85}.sidebar-usage-label{font-size:11px;font-weight:500;color:#ffffff8c;margin-bottom:4px;letter-spacing:.01em}.sidebar-usage-counts{display:flex;align-items:baseline;gap:4px;margin-bottom:6px;font-variant-numeric:tabular-nums}.sidebar-usage-current{font-size:18px;font-weight:600;color:var(--vn-on-primary);letter-spacing:-.01em}.sidebar-usage-ceiling{font-size:13px;color:#fff6}.sidebar-usage-bar{width:100%;height:4px;background:#ffffff1f;border-radius:2px;overflow:hidden}.sidebar-usage-fill{height:100%;background:#ffffff8c;border-radius:2px;transition:width .3s,background .2s ease}.sidebar-usage-fill.warning{background:var(--vn-status-warn)}.sidebar-usage-fill.over{background:var(--vn-status-error)}.profile-wrapper{position:relative;padding:var(--space-sm) var(--space-sm) var(--space-sm)}.profile{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ffffff0a;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease;width:100%;text-align:left;color:var(--vn-on-primary);font-family:inherit}.profile:hover{background:#ffffff12}.profile-wrapper.is-open .profile{background:#ffffff17}.profile:focus-visible{outline:2px solid var(--vn-cyan);outline-offset:2px}.profile-avatar{width:32px;height:32px;border-radius:50%;background:var(--vn-gradient-brand);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--vn-on-primary);font-weight:600;font-size:13px;letter-spacing:-.02em;overflow:hidden}.profile-avatar--logo{background:var(--vn-background)}.profile-avatar--logo img{width:100%;height:100%;object-fit:cover}.profile-text{flex:1;min-width:0}.profile-email{font-size:12.5px;font-weight:500;color:var(--vn-on-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.profile-sub{font-size:11px;color:#ffffff80;display:flex;align-items:center;gap:2px;margin-top:1px}.profile-sub svg{width:10px;height:10px;stroke-width:2.5}.profile-wrapper .popover{position:absolute;bottom:calc(100% - var(--space-xs));left:var(--space-sm);right:var(--space-sm);background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-xs);z-index:10}.profile-wrapper .popover-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;background:transparent;border-radius:var(--radius-sm);font-size:13px;color:var(--vn-foreground);cursor:pointer;transition:background var(--motion-fast) ease,color var(--motion-fast) ease;width:100%;text-align:left;font-family:inherit}.profile-wrapper .popover-item:hover{background:var(--vn-surface);color:var(--vn-foreground)}.profile-wrapper .popover-item:focus-visible{outline:2px solid var(--vn-indigo);outline-offset:-2px}.profile-wrapper .popover-item svg{width:var(--icon-sm);height:var(--icon-sm);stroke-width:2;color:var(--vn-gray);flex-shrink:0}.profile-wrapper .popover-item.danger{color:var(--vn-status-error)}.profile-wrapper .popover-item.danger svg{color:var(--vn-status-error)}.profile-wrapper .popover-item.danger:hover{background:var(--vn-status-error-bg);color:var(--vn-status-error-text)}.profile-wrapper .popover-item.danger:hover svg{color:var(--vn-status-error-text)}.profile-wrapper .popover-divider{height:1px;background:var(--vn-border);margin:var(--space-xs) var(--space-sm)}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-lighter)}.signup-container{width:100%;max-width:440px;padding:var(--spacing-xl)}.signup-header{text-align:center;margin-bottom:var(--spacing-xl)}.signup-brand{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.5px}.signup-subtitle{color:var(--color-gray);margin-top:var(--spacing-xs)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--color-black);color:var(--color-white);border:none;border-radius:6px;font-size:var(--font-size-sm);font-weight:600;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:var(--color-white);color:var(--color-black);border:1px solid var(--color-light);border-radius:6px;font-size:var(--font-size-sm);font-weight:500;transition:all .15s;cursor:pointer}.btn-secondary:hover{background:var(--color-lighter);border-color:var(--color-mid)}.form-hint{font-size:var(--font-size-xs);color:var(--color-mid);margin-top:4px}.save-status{display:inline-block;margin-left:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-gray)}.settings-error{padding:var(--spacing-md);background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;font-size:var(--font-size-sm)}.btn-lg{padding:12px 24px;font-size:var(--font-size-base);width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark)}.form-optional{color:var(--color-mid);font-weight:400}.form-input,.form-select{padding:10px 12px;border:1px solid var(--color-light);border-radius:6px;font-size:var(--font-size-base);background:var(--color-white);transition:border-color .15s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-black)}.form-input:disabled{background:var(--color-lighter);color:var(--color-mid)}.form-input-lg{padding:14px 16px;font-size:var(--font-size-md)}.form-checkbox{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.form-checkbox input[type=checkbox]{width:16px;height:16px}.toggle-switch{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.toggle-switch input{display:none}.toggle-slider{width:40px;height:22px;background:var(--color-light);border-radius:11px;position:relative;transition:background .2s}.toggle-slider:after{content:"";width:18px;height:18px;background:var(--color-white);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:var(--color-black)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(18px)}.toggle-label{font-size:var(--font-size-sm);color:var(--color-dark)}.code-block{position:relative;background:var(--color-lighter);border:1px solid var(--color-light);border-radius:var(--border-radius);padding:var(--spacing-md);overflow-x:auto}.code-block pre{margin:0;font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs);line-height:1.6;white-space:pre-wrap;word-break:break-all}.btn-copy{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:4px 10px;background:var(--color-black);color:var(--color-white);border:none;border-radius:4px;font-size:var(--font-size-xs);font-weight:500}.info-card{padding:var(--spacing-lg);border:2px dashed var(--color-light);border-radius:6px;background:var(--color-lighter)}.info-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:12px}.info-card-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-black)}.info-icon{width:16px;height:16px;border-radius:50%;background:var(--color-light);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--color-gray);flex-shrink:0}.info-card p{font-size:var(--font-size-sm);color:var(--color-gray);line-height:1.6;margin-bottom:12px}.info-card p strong{color:var(--color-black);font-weight:600}.info-card p:last-of-type{margin-bottom:var(--spacing-md)}.form-input-clickable{cursor:pointer;background:var(--color-white)}.form-input-clickable:hover{border-color:var(--color-gray)}.form-input-clickable:focus{outline:none;border-color:var(--color-black)}.page-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg)}.founding-badge-lg{display:inline-block;padding:6px 12px;background:var(--color-lighter);border:1px solid var(--color-light);border-radius:4px;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md)}.signup-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.signup-desc{color:var(--color-gray);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.signup-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.signup-form{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-xl)}.signup-signin-link{margin-top:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-gray)}.signup-signin-link a{color:var(--color-black);font-weight:600;text-decoration:underline;margin-left:4px;cursor:pointer}.dashboard{display:flex;flex-direction:column;background:var(--vn-bg);color:var(--vn-ink);margin:calc(var(--spacing-lg) * -1);min-height:calc(100vh + -0px)}.dashboard .status-strip{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--vn-card);border:none;border-bottom:1px solid var(--vn-line);border-radius:0;font-size:12px;color:var(--vn-muted)}.dashboard .status-left,.dashboard .status-center,.dashboard .status-right{display:flex;align-items:center;gap:14px}.dashboard .status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;background:var(--vn-accent-soft);color:#0f6a3a;border:1px solid var(--vn-accent-border);border-radius:4px;font-size:11px;line-height:1.4;white-space:nowrap;letter-spacing:.02px}.dashboard .status-pill.offline{background:var(--vn-err-bg);color:var(--vn-err-fg);border-color:#f3c7c1}.dashboard .status-pill .status-dot{width:6px;height:6px;border-radius:999px;background:var(--vn-accent);display:inline-block}.dashboard .status-pill.offline .status-dot{background:var(--vn-err-fg);box-shadow:none}.dashboard .status-last-session{font-size:12px;color:var(--vn-muted)}.dashboard .session-progress{width:80px;height:4px;background:var(--vn-track);border-radius:2px;overflow:hidden}.dashboard .session-progress-bar{height:100%;background:var(--vn-ink);border-radius:2px;transition:width .3s ease}.dashboard .session-progress-bar.warning{background:#d49110}.dashboard .session-progress-bar.over{background:var(--vn-err-fg)}.dashboard .session-count{font-family:var(--vn-font-mono);font-size:11px;color:var(--vn-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.dashboard .status-context{font-size:12px;color:var(--vn-muted)}.dashboard .status-context-warning{color:var(--vn-warn-fg);background:var(--vn-warn-bg);padding:2px 8px;border-radius:4px;font-weight:500}.dashboard .status-context-error{color:var(--vn-err-fg);background:var(--vn-err-bg);padding:2px 8px;border-radius:4px;font-weight:500}.dashboard .status-active-on{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--vn-muted)}.dashboard .status-active-on .store-name{color:var(--vn-ink);font-family:var(--vn-font-mono)}.dashboard .status-active-on svg{color:var(--vn-faint)}.dashboard .warning-banner{overflow:hidden}.dashboard .warning-content{display:flex;align-items:center;justify-content:space-between;padding:10px 28px;font-size:13px}.dashboard .warning-content.warning{background:var(--vn-warn-bg);border-bottom:1px solid #f1dcb5;color:var(--vn-warn-fg)}.dashboard .warning-content.error{background:var(--vn-err-bg);border-bottom:1px solid #f3c7c1;color:var(--vn-err-fg)}.dashboard .warning-link{font-weight:600;text-decoration:underline;color:inherit}.dashboard-head{display:flex;align-items:center;justify-content:space-between;padding:22px 28px 0}.dashboard-head h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.3px;color:var(--vn-ink)}.dashboard-period{font-size:12px;color:var(--vn-muted)}.dashboard-tabs{display:flex;gap:20px;padding:0 28px;margin:18px 0 0;border-bottom:1px solid var(--vn-line)}.dashboard-tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:10px 2px;font-family:inherit;font-size:13px;font-weight:500;color:var(--vn-muted);cursor:pointer;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px;transition:color .15s}.dashboard-tab:hover{color:var(--vn-ink)}.dashboard-tab.active{color:var(--vn-ink);border-bottom-color:var(--vn-ink)}.tab-count{background:#ececea;color:var(--vn-muted);font-size:10px;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center;font-weight:600;line-height:1.4}.dashboard-tab.active .tab-count{background:var(--vn-ink);color:#fff}.dashboard-panel{padding:18px 28px 28px;flex:1}.dashboard .vn-card{background:var(--vn-card);border:1px solid var(--vn-line);border-radius:12px;padding:20px}.dashboard .vn-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.dashboard .vn-card-title{font-size:15px;font-weight:600;color:var(--vn-ink);line-height:1.3}.dashboard .vn-card-subtitle{font-size:12px;color:var(--vn-muted);margin-top:2px}.dashboard .section-empty{font-size:13px;color:var(--vn-muted);text-align:center;padding:24px 16px}.feed-list-head{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:10px var(--space-lg);border-bottom:1px solid var(--vn-border)}.feed-live-meta{font-size:12px;color:var(--vn-gray)}.activity-live-hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--vn-muted)}.activity-live-hint:before{content:"";width:6px;height:6px;background:var(--vn-accent);border-radius:999px;display:inline-block}.feed-list{background:var(--vn-card);border:1px solid var(--vn-line);border-radius:12px;overflow:hidden}.activity-entry{border-top:1px solid var(--vn-border);transition:background .15s ease}.activity-entry:first-child{border-top:0}.activity-entry:hover{background:var(--vn-surface)}.activity-row{display:grid;grid-template-columns:32px 88px 56px minmax(180px,1fr) 56px 60px;grid-template-rows:auto auto;column-gap:var(--space-md);row-gap:var(--space-xs);align-items:center;padding:var(--space-md) var(--space-lg)}.activity-row--new{animation:row-insert-pulse .6s ease-out}@keyframes row-insert-pulse{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.icon-tile{inline-size:32px;block-size:32px;border-radius:var(--radius-icon-tile, 8px);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.activity-row>.icon-tile{grid-column:1;grid-row:1 / 3;align-self:center}.icon-tile--category{color:var(--vn-on-primary)}.icon-tile svg{width:18px;height:18px;stroke-width:1.75}.icon-tile img{width:100%;height:100%;object-fit:cover}.row-left{min-width:0}.row-name{font-size:14px;font-weight:500;color:var(--vn-foreground);letter-spacing:-.01em}.activity-row>.row-name{grid-column:2 / span 3;grid-row:1;align-self:end;padding-bottom:2px;margin-bottom:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sale{display:flex;align-items:center;justify-content:flex-end}.activity-row>.row-sale{grid-column:5;grid-row:1 / 3;align-self:center}.row-narration{font-size:13px;font-style:italic;font-weight:400;color:var(--vn-gray);line-height:1.4;min-width:0}.activity-row>.row-narration{grid-column:4;grid-row:2;align-self:start;border-left:1px solid var(--vn-border);padding-left:var(--space-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-time{font-size:11px;color:var(--vn-gray-muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-self:center}.activity-row>.row-time{grid-column:6;grid-row:1 / 3;align-self:center;text-align:right}.activity-row>.meta-field--sku{grid-column:2;grid-row:2;align-self:start}.activity-row>.meta-field--price{grid-column:3;grid-row:2;align-self:start}.row-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.meta-field{display:flex;align-items:center;gap:4px}.meta-icon{display:flex;align-items:center;color:var(--vn-gray-muted)}.meta-icon svg{width:12px;height:12px;stroke-width:2}.meta-value{font-size:12px;color:var(--vn-gray);font-variant-numeric:tabular-nums}.meta-value--strong{font-weight:500;color:#3a3a5c}.meta-value--mono{font-family:var(--font-mono);font-size:11px}.meta-field--sale .meta-icon{color:var(--vn-sale-accent)}.meta-field--sale .meta-value{color:var(--vn-sale-accent);font-weight:500}.feed-load-more{display:block;margin:18px auto 0;padding:8px 16px;background:transparent;border:none;font-family:inherit;font-size:13px;font-weight:500;color:var(--vn-ink);cursor:pointer}.feed-load-more:hover{text-decoration:underline}.usage-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.usage-stat{background:var(--vn-card);border:1px solid var(--vn-line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.usage-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--vn-muted);font-weight:600}.usage-stat-value{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:600;color:var(--vn-ink);letter-spacing:-.2px;line-height:1.2;margin-top:2px}.usage-stat-value svg{color:var(--vn-muted);flex-shrink:0}.usage-stat-hint{font-size:12px;color:var(--vn-muted);margin-top:2px}.usage-chart-container{display:flex;flex-direction:column;background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-md);padding:18px 20px;margin-bottom:16px}.usage-chart-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.usage-chart-header>div:first-child{display:flex;align-items:baseline;gap:var(--space-md)}.usage-chart-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--vn-gray);font-weight:600;margin-bottom:0;flex-shrink:0}.usage-summary{font-size:14px;font-weight:600;color:var(--vn-foreground)}.usage-range-toggle{display:inline-flex;gap:2px;background:#eeece8;border:1px solid var(--vn-line);border-radius:8px;padding:3px}.range-btn{padding:4px 10px;border:none;background:transparent;font-family:inherit;font-size:12px;font-weight:500;color:var(--vn-muted);border-radius:6px;cursor:pointer}.range-btn:hover{color:var(--vn-ink)}.range-btn.active{background:var(--vn-card);color:var(--vn-ink);box-shadow:0 1px 2px #0000000f}.usage-chart{width:100%;position:relative}.usage-chart svg{width:100%;height:auto;display:block}.usage-chart .usage-area{fill:#130e210f}.usage-chart .usage-line{fill:none;stroke:var(--vn-foreground);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.usage-chart .usage-point{fill:var(--vn-foreground);stroke:var(--vn-surface);stroke-width:2;r:3;transition:r .12s ease}.usage-chart .usage-point--today{r:5}.usage-chart .usage-period{cursor:default}.usage-chart .usage-period .usage-period-hit{fill:transparent}.usage-chart .usage-crosshair{stroke:var(--vn-foreground);stroke-width:1;stroke-dasharray:2 3;opacity:0;pointer-events:none;transition:opacity .12s ease}.usage-chart .usage-period:hover .usage-crosshair{opacity:.45}.usage-chart .usage-period:hover .usage-point{r:5}.usage-chart .usage-axis-label{font-size:11px;fill:var(--vn-gray);font-family:inherit;font-variant-numeric:tabular-nums}.usage-chart .usage-axis-label--today{fill:var(--vn-foreground);font-weight:600}.usage-tip{position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-100%) translateY(-12px);transition:opacity .15s ease;background:var(--vn-foreground);color:var(--vn-on-primary);border-radius:var(--radius-sm, 6px);padding:10px 12px;min-width:230px;box-shadow:0 8px 24px #130e212e;z-index:10}.usage-tip[data-visible=true]{opacity:1}.usage-tip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--vn-foreground)}.usage-tip-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:6px}.usage-tip-day{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.usage-tip-count{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.usage-tip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.usage-tip-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);font-size:12px}.usage-tip-rank{display:inline-block;width:14px;color:#ffffff80;font-variant-numeric:tabular-nums}.usage-tip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-tip-val{font-variant-numeric:tabular-nums;opacity:.8}.usage-tip-foot{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.12);font-size:11px;opacity:.7}.usage-chart .usage-axis-title{font-size:10px;fill:var(--vn-muted);font-family:inherit;letter-spacing:.05em;text-transform:uppercase}.usage-chart-hint{font-size:11px;color:var(--vn-faint);margin-top:8px}.usage-hour-card{background:var(--vn-card);border:1px solid var(--vn-line);border-radius:12px;padding:18px 20px}.usage-hour-card .usage-chart-header{margin-bottom:14px}.usage-hour-tip{font-size:12px;color:var(--vn-muted);text-align:right;max-width:280px;line-height:1.45}.usage-hour-tip strong{color:var(--vn-ink);font-weight:600}.usage-hour-bars{display:grid;grid-template-columns:repeat(24,1fr);align-items:end;height:64px;gap:3px;margin-bottom:6px}.usage-hour-bar{background:#e5e3de;border-radius:2px 2px 0 0;min-height:2px;transition:background .15s}.usage-hour-bar.peak{background:var(--vn-ink)}.usage-hour-axis{display:grid;grid-template-columns:repeat(24,1fr);font-size:10px;color:var(--vn-faint);font-family:var(--vn-font-mono)}.usage-hour-axis span{text-align:left}.pa-card{background:var(--vn-card);border:1px solid var(--vn-line);border-radius:12px;padding:22px 24px}.pa-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.pa-title-block h3{margin:0;font-size:15px;font-weight:600;color:var(--vn-ink)}.pa-subtitle{font-size:12px;color:var(--vn-muted);margin-top:2px}.pa-toggle{display:inline-flex;gap:2px;background:#eeece8;border:1px solid var(--vn-line);border-radius:8px;padding:3px}.pa-toggle-btn{padding:4px 10px;border:none;background:transparent;font-family:inherit;font-size:12px;font-weight:500;color:var(--vn-muted);border-radius:6px;cursor:pointer}.pa-toggle-btn:hover{color:var(--vn-ink)}.pa-toggle-btn.active{background:var(--vn-card);color:var(--vn-ink);box-shadow:0 1px 2px #0000000f}.pa-columns{display:grid;grid-template-columns:32px minmax(220px,1.2fr) 1fr 60px;gap:14px;padding:10px 0 6px;font-size:10px;color:var(--vn-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;border-bottom:1px solid var(--vn-line)}.pa-columns>span:nth-child(3){text-align:left}.pa-columns>span:last-child{text-align:right}.product-list{display:flex;flex-direction:column}.product-entry{display:grid;grid-template-columns:32px minmax(220px,1.2fr) 1fr 60px;align-items:center;gap:14px;padding:10px 0;border-top:1px solid var(--vn-line)}.product-entry:first-child{border-top:none}.product-icon-chip{width:28px;height:28px;border-radius:6px;background:var(--vn-chip-bg);border:1px solid var(--vn-line);color:#4a4a4b;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.product-icon-chip img{width:100%;height:100%;object-fit:cover}.product-entry-body{display:flex;flex-direction:column;gap:2px;min-width:0}.product-name{font-size:13px;font-weight:500;color:var(--vn-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-meta{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--vn-muted)}.product-meta .feed-sku{font-size:10px}.product-bar-track{height:8px;background:var(--vn-track);border-radius:2px;overflow:hidden}.product-bar-fill{height:100%;background:var(--vn-ink)}.product-count{font-family:var(--vn-font-mono);font-size:12px;color:var(--vn-ink);text-align:right;font-variant-numeric:tabular-nums}.category-list{display:flex;flex-direction:column}.category-bar{display:flex;flex-direction:column;border-top:1px solid var(--vn-line);padding:10px 0;cursor:pointer}.category-bar:first-child{border-top:none}.category-bar-row{display:grid;grid-template-columns:32px minmax(180px,1.2fr) 1fr 60px 18px;align-items:center;gap:14px}.category-bar-fill-outer{height:8px;background:var(--vn-track);border-radius:2px;overflow:hidden}.category-bar-fill{height:100%;background:var(--vn-ink)}.category-bar-label{font-size:13px;font-weight:500;color:var(--vn-ink);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.category-bar-count{font-family:var(--vn-font-mono);font-size:12px;color:var(--vn-ink);text-align:right;font-variant-numeric:tabular-nums}.category-bar-expand{font-size:11px;color:var(--vn-faint);transition:transform .15s;text-align:center}.category-bar.expanded .category-bar-expand{transform:rotate(90deg)}.category-bar-drill{display:none;margin-top:8px;padding:10px 12px;background:#faf9f6;border:1px solid var(--vn-line);border-radius:8px}.category-bar.expanded .category-bar-drill{display:block}.category-drill-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.category-drill-row+.category-drill-row{border-top:1px solid var(--vn-line)}.category-drill-name{color:var(--vn-ink);font-weight:500}.category-drill-sessions{color:var(--vn-muted);font-family:var(--vn-font-mono);font-variant-numeric:tabular-nums}.category-drill-empty{font-size:12px;color:var(--vn-muted);font-style:italic;text-align:center}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.insights-grid{grid-template-columns:1fr}}.insights-card{background:var(--vn-card);border:1px solid var(--vn-line);border-radius:12px;padding:20px}.insights-card-head{margin-bottom:4px}.insights-card-title{font-size:15px;font-weight:600;color:var(--vn-ink)}.insights-card-subtitle{font-size:12px;color:var(--vn-muted);margin-top:2px}.per-room-list{display:flex;flex-direction:column;margin-top:14px}.per-room-row{display:grid;grid-template-columns:32px 1fr 60px;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--vn-line)}.per-room-row:first-child{border-top:none}.per-room-icon{width:28px;height:28px;border-radius:6px;background:var(--vn-chip-bg);border:1px solid var(--vn-line);color:#4a4a4b;display:inline-flex;align-items:center;justify-content:center}.per-room-content{display:flex;align-items:center;gap:12px}.per-room-name{width:72px;font-size:13px;font-weight:500;color:var(--vn-ink);text-transform:capitalize}.per-room-bar-track{flex:1;height:8px;background:var(--vn-track);border-radius:2px;overflow:hidden}.per-room-bar-fill{height:100%;background:var(--vn-ink);border-radius:2px;transition:width .3s}.per-room-count{font-family:var(--vn-font-mono);font-size:12px;color:var(--vn-ink);text-align:right;font-variant-numeric:tabular-nums}.per-room-type{display:none}.nvr-bar{display:grid;grid-template-columns:var(--add-pct, 65fr) var(--replace-pct, 35fr);border-radius:8px;overflow:hidden;background:#1a1a1a;margin:14px 0 18px;font-size:12px;font-weight:500}.nvr-bar-seg{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;color:#fff}.nvr-bar-seg.add{background:var(--vn-ink)}.nvr-bar-seg.replace{background:#c7c5c0;color:var(--vn-ink)}.nvr-bar-seg .pct{font-family:var(--vn-font-mono);font-variant-numeric:tabular-nums;opacity:.9}.nvr-stat-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.nvr-stat{display:flex;flex-direction:column;gap:2px}.nvr-stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--vn-muted)}.nvr-stat-value{display:inline-flex;align-items:baseline;gap:6px;font-size:22px;font-weight:600;color:var(--vn-ink);letter-spacing:-.2px}.nvr-stat-value small{font-size:12px;font-weight:500;color:var(--vn-muted)}.nvr-stat-note{font-size:12px;color:var(--vn-muted);line-height:1.45;margin-top:2px}.dashboard #intelligence-section{margin:0 28px 32px;background:var(--vn-card);border:1px solid var(--vn-line);border-radius:12px;overflow:hidden}.dashboard #intelligence-section .section-header-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--vn-line)}.dashboard #intelligence-section .section-title{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;color:var(--vn-ink)}.dashboard #intelligence-section .section-content{padding:20px}.vn-intel-badge{font-size:10px;padding:2px 8px;border-radius:4px;background:#ececea;color:var(--vn-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.vn-intel-badge.badge-ready{background:var(--vn-accent-soft);color:#0f6a3a}.vn-intel-badge.badge-almost-there{background:var(--vn-warn-bg);color:var(--vn-warn-fg)}.vn-intel-badge.badge-accumulating{background:#dbeafe;color:#1e40af}.vn-intel-badge.badge-coming{background:#ececea;color:var(--vn-muted)}.vn-intel-badge:empty{display:none}.intelligence-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 900px){.intelligence-layout{grid-template-columns:1fr}}.intelligence-progress{display:flex;flex-direction:column;gap:14px}.report-card{padding:16px;border:1px solid var(--vn-line);border-radius:10px;background:var(--vn-card)}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.report-name{font-weight:600;font-size:13px;color:var(--vn-ink)}.report-badge{font-size:10px;padding:2px 8px;border-radius:4px;background:#ececea;color:var(--vn-muted)}.report-badge.badge-ready{background:var(--vn-accent-soft);color:#0f6a3a}.report-badge.badge-almost-there{background:var(--vn-warn-bg);color:var(--vn-warn-fg)}.report-badge.badge-accumulating{background:#dbeafe;color:#1e40af}.report-price{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--vn-ink)}.report-price-original{font-size:13px;color:var(--vn-muted);text-decoration:line-through;font-weight:400;margin-left:6px}.report-progress-bar{width:100%;height:6px;background:var(--vn-track);border-radius:3px;overflow:hidden;margin-bottom:6px}.report-progress-fill{height:100%;background:var(--vn-ink);border-radius:3px;transition:width .3s}.report-progress-fill.complete{background:var(--vn-accent)}.report-progress-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--vn-muted)}.report-progress-status{flex:1;min-width:0}.report-progress-count{display:inline-flex;align-items:baseline;gap:3px;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap}.report-progress-count-current{font-weight:600;color:var(--vn-ink)}.report-progress-count-sep{color:var(--vn-muted);opacity:.6}.report-progress-count-total{color:var(--vn-muted)}.btn-request-report{margin-top:10px;padding:8px 16px;background:var(--vn-ink);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;width:100%;cursor:pointer;font-family:inherit}.btn-request-report:hover{opacity:.9}.btn-request-report:disabled{cursor:default;opacity:.6}.btn-request-report.sent{background:var(--vn-accent);color:#fff;opacity:1}.intelligence-preview h4{font-size:13px;font-weight:600;color:var(--vn-ink);margin:0 0 10px}.intelligence-insights{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:0}.intelligence-insights li{font-size:13px;color:var(--vn-muted);padding-left:18px;position:relative}.intelligence-insights li:before{content:"";width:5px;height:5px;background:var(--vn-faint);border-radius:50%;position:absolute;left:4px;top:8px}.educational-card{display:flex;min-height:220px;background:var(--vn-card);border:1px solid var(--vn-line);border-radius:12px;overflow:hidden}.educational-body{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:center}.educational-eyebrow{font-size:10px;color:var(--vn-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:6px}.educational-title{font-size:16px;font-weight:600;color:var(--vn-ink);margin-bottom:8px}.educational-text{font-size:13px;color:var(--vn-muted);line-height:1.5;margin-bottom:14px;max-width:440px}.educational-actions{display:flex;gap:8px}.educational-dismiss{padding:8px 18px;background:var(--vn-ink);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}.educational-dismiss:hover{opacity:.9}.educational-preview{width:280px;background:#faf9f6;border-left:1px solid var(--vn-line);padding:18px;display:flex;flex-direction:column;gap:8px}.educational-preview-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--vn-muted);margin-bottom:4px}.preview-entry{display:flex;align-items:center;gap:8px;padding:8px;background:var(--vn-card);border:1px solid var(--vn-line);border-radius:8px}.preview-entry-thumb{width:32px;height:32px;background:var(--vn-chip-bg);border-radius:6px;flex-shrink:0}.preview-entry-body{flex:1;min-width:0}.preview-entry-name{font-size:12px;font-weight:600;color:var(--vn-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-entry-desc{font-size:10px;color:var(--vn-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-entry-tag{font-size:10px;padding:1px 6px;background:#ececea;color:var(--vn-muted);border-radius:3px;flex-shrink:0}.waiting-message{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;min-height:120px;color:var(--vn-muted);font-size:13px;background:var(--vn-card);border:1px solid var(--vn-line);border-radius:12px}.help-icon{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;border:1px solid var(--vn-line);background:var(--vn-card);color:var(--vn-muted);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.help-icon:hover{color:var(--vn-ink);border-color:var(--vn-line-strong)}.load-more-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px 4px;margin-top:8px;border-top:1px solid var(--vn-line)}.load-more-count{font-size:12px;color:var(--vn-muted)}.load-more-actions{display:inline-flex;align-items:center;gap:8px}.load-more-btn{min-width:120px}.load-more-btn[disabled]{opacity:.7;cursor:default}.settings-surface{font-family:var(--font-sans);color:var(--vn-foreground);background:var(--vn-background);margin:calc(var(--spacing-lg) * -1);min-height:calc(100vh + -0px)}.settings-surface .surface-content{max-width:1280px;margin:0 auto;padding:var(--space-2xl)}.settings{--vn-bg: var(--vn-surface);--vn-card: var(--vn-background);--vn-ink: var(--vn-foreground);--vn-ink-2: var(--vn-foreground);--vn-muted: var(--vn-gray);--vn-faint: var(--vn-gray-muted);--vn-line: var(--vn-border);--vn-line-strong: var(--vn-border);--vn-accent: var(--vn-status-live);--vn-accent-soft: var(--vn-status-live-bg);--vn-accent-border: var(--vn-status-live-bg);--vn-chip-bg: var(--vn-surface);--vn-err-bg: var(--vn-status-error-bg);--vn-err-fg: var(--vn-status-error-text);--vn-font-mono: var(--font-mono);display:flex;flex-direction:column;color:var(--vn-foreground)}.settings .settings-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--vn-card);border-bottom:1px solid var(--vn-line)}.settings .settings-bar h1{margin:0;font-size:18px;font-weight:600;letter-spacing:-.2px;color:var(--vn-ink)}.settings .status-active-on{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--vn-muted)}.settings .status-active-on .store-name{color:var(--vn-ink);font-family:var(--vn-font-mono)}.settings .status-active-on svg{color:var(--vn-faint)}.settings .settings-tabs{display:flex;gap:0;padding:14px 28px 0;background:var(--vn-bg);border-bottom:1px solid var(--vn-line)}.settings .settings-tab{padding:8px 16px 12px;margin-right:4px;background:none;border:none;font-family:inherit;font-size:13px;font-weight:500;color:var(--vn-muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .15s,border-color .15s}.settings .settings-tab:hover{color:var(--vn-ink-2)}.settings .settings-tab.active{color:var(--vn-ink);font-weight:600;border-bottom-color:var(--vn-ink)}.settings .settings-content{padding:24px 28px 40px;max-width:1040px;display:flex;flex-direction:column;gap:16px}.settings .vn-card{background:var(--vn-card);border:1px solid var(--vn-line);border-radius:12px;padding:20px}.settings .card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.settings .card-title{margin:0;font-size:15px;font-weight:600;color:var(--vn-ink);letter-spacing:-.1px}.settings .card-subtitle{margin:2px 0 0;font-size:12.5px;color:var(--vn-muted);line-height:1.45}.settings .btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;border:1px solid var(--vn-line);background:var(--vn-card);color:var(--vn-ink);transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.settings .btn-secondary:hover{background:#faf9f6;border-color:var(--vn-line-strong)}.settings .btn-secondary[disabled]{opacity:.45;cursor:not-allowed;background:#faf9f6}.settings .btn-secondary.is-loading{position:relative;cursor:progress;color:transparent}.settings .btn-secondary.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border:1.5px solid var(--vn-line-strong);border-top-color:var(--vn-ink);border-radius:50%;animation:vn-spin .7s linear infinite}.settings .btn-secondary.is-saved{background:var(--vn-accent-soft);border-color:var(--vn-accent-border);color:#0f6a3a}.settings .btn-secondary.is-error{background:var(--vn-err-bg);border-color:#f3c7c1;color:var(--vn-err-fg)}.settings .settings-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:11px;line-height:1.4;font-family:inherit;border-radius:4px;white-space:nowrap;border:1px solid transparent;flex-shrink:0}.settings .settings-pill:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.settings .settings-pill-live{background:var(--vn-accent-soft);color:#0f6a3a;border-color:var(--vn-accent-border)}.settings .settings-pill-live:before{background:var(--vn-accent)}.settings .settings-pill-hidden{background:var(--vn-chip-bg);color:#3f3f40;border-color:var(--vn-line)}.settings .settings-pill-hidden:before{background:var(--vn-faint)}.settings .settings-code-block{position:relative;background:#0e0e0f;border:1px solid #1a1a1b;border-radius:8px;padding:14px 84px 14px 16px;overflow-x:auto}.settings .settings-code-block pre{margin:0;font-family:var(--vn-font-mono);font-size:12.5px;line-height:1.6;white-space:pre-wrap;word-break:break-all;color:#e8e7e4}.settings .settings-code-block code{color:inherit;background:transparent;padding:0}.settings .btn-copy{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500;color:#e8e7e4;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:5px;cursor:pointer;transition:background .12s,color .12s}.settings .btn-copy:hover{background:#ffffff29;color:#fff}.settings .settings-subrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--vn-line);border-radius:8px;background:var(--vn-card);margin-bottom:14px}.settings .settings-subrow .subrow-title{font-size:13.5px;font-weight:600;color:var(--vn-ink);letter-spacing:-.05px}.settings .settings-subrow .subrow-desc{margin-top:3px;font-size:12.5px;color:var(--vn-muted);line-height:1.45}.settings .settings-info-card{padding:14px 16px;border:1px solid var(--vn-line);border-radius:8px;background:var(--vn-chip-bg)}.settings .settings-info-card .info-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--vn-ink);margin-bottom:8px}.settings .settings-info-card .info-head .info-icon-svg{color:var(--vn-muted);flex-shrink:0}.settings .settings-info-card p{margin:0 0 10px;font-size:12.5px;line-height:1.55;color:var(--vn-muted)}.settings .settings-info-card p strong{color:var(--vn-ink);font-weight:600}.settings .settings-info-card .info-link{display:inline-block;font-size:12.5px;font-weight:500;color:var(--vn-ink);text-decoration:underline;text-underline-offset:3px}.settings .settings-info-card .info-link:hover{color:var(--vn-ink-2)}.settings .settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:14px}.settings .form-row{display:flex;flex-direction:column;gap:6px}.settings .form-label{font-size:12.5px;font-weight:500;color:var(--vn-ink-2)}.settings .form-input,.settings .form-select{width:100%;padding:8px 10px;border:1px solid var(--vn-line);border-radius:6px;font-family:inherit;font-size:13px;background:var(--vn-card);color:var(--vn-ink);transition:border-color .12s,box-shadow .12s}.settings .form-input:focus,.settings .form-select:focus{outline:none;border-color:var(--vn-line-strong);box-shadow:0 0 0 3px #0e0e0f0f}.settings .form-input:disabled{background:var(--vn-chip-bg);color:var(--vn-muted);cursor:not-allowed}.settings .form-input-clickable{cursor:pointer;background:var(--vn-card)}.settings .form-input-clickable:hover{border-color:var(--vn-line-strong)}.settings .form-hint{margin:2px 0 0;font-size:11.5px;color:var(--vn-muted)}.settings .settings-save-row{display:flex;align-items:center;gap:12px;margin-top:4px}.settings .save-status{font-size:12px;color:var(--vn-muted)}.settings .settings-card-divider{height:1px;background:var(--vn-line);border:0;margin:22px 0}.settings .settings-error{padding:14px 16px;background:var(--vn-err-bg);border:1px solid #f3c7c1;border-radius:8px;color:var(--vn-err-fg);font-size:13px}@media (max-width: 720px){.settings .settings-form-grid{grid-template-columns:1fr}.settings .settings-subrow{flex-direction:column;align-items:flex-start;gap:12px}.settings .settings-content{padding:16px 16px 32px}.settings .settings-bar,.settings .settings-tabs{padding-left:16px;padding-right:16px}}.billing{--vn-bg: var(--vn-surface);--vn-card: var(--vn-background);--vn-ink: var(--vn-foreground);--vn-ink-2: var(--vn-foreground);--vn-muted: var(--vn-gray);--vn-faint: var(--vn-gray-muted);--vn-line: var(--vn-border);--vn-line-strong: var(--vn-border);--vn-accent: var(--vn-status-live);--vn-accent-soft: var(--vn-status-live-bg);--vn-accent-border: var(--vn-status-live-bg);--vn-chip-bg: var(--vn-surface);--vn-track: var(--vn-border);--vn-warn-bg: var(--vn-status-warn-bg);--vn-warn-fg: var(--vn-status-warn-text);--vn-err-bg: var(--vn-status-error-bg);--vn-err-fg: var(--vn-status-error-text);--vn-font-mono: var(--font-mono);display:flex;flex-direction:column;color:var(--vn-foreground);margin:calc(var(--spacing-lg) * -1);min-height:calc(100vh + -0px)}.billing .billing-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--vn-card);border-bottom:1px solid var(--vn-line)}.billing .billing-bar h1{margin:0;font-size:18px;font-weight:600;letter-spacing:-.2px;color:var(--vn-ink)}.billing .status-active-on{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--vn-muted)}.billing .status-active-on .store-name{color:var(--vn-ink);font-family:var(--vn-font-mono)}.billing .status-active-on svg{color:var(--vn-faint)}.billing .billing-content{padding:24px 28px 40px;max-width:1040px;display:flex;flex-direction:column;gap:16px}.billing .vn-card{background:var(--vn-card);border:1px solid var(--vn-line);border-radius:12px;padding:20px}.billing .vn-card.billing-plan-card,.billing .vn-card.billing-invoices-card{padding:0;overflow:hidden}.billing .card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.billing .card-title{margin:0;font-size:15px;font-weight:600;color:var(--vn-ink);letter-spacing:-.1px}.billing .card-subtitle{margin:2px 0 0;font-size:12.5px;color:var(--vn-muted);line-height:1.45}.billing .btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;border:1px solid var(--vn-line);background:var(--vn-card);color:var(--vn-ink);transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.billing .btn-secondary:hover{background:#faf9f6;border-color:var(--vn-line-strong)}.billing .btn-secondary[disabled]{opacity:.45;cursor:not-allowed;background:#faf9f6}.billing .btn-secondary[aria-busy=true]{opacity:.7;cursor:progress}.billing .btn-secondary.is-loading{position:relative;cursor:progress;color:transparent}.billing .btn-secondary.is-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--vn-ink)}.billing .btn-secondary.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border:1.5px solid var(--vn-line-strong);border-top-color:var(--vn-ink);border-radius:50%;animation:vn-spin .7s linear infinite}.billing .btn-secondary.is-saved{background:var(--vn-accent-soft);border-color:var(--vn-accent-border);color:#0f6a3a}.billing .btn-secondary.is-error{background:var(--vn-err-bg);border-color:#f3c7c1;color:var(--vn-err-fg)}@keyframes vn-spin{to{transform:rotate(360deg)}}.billing .btn-link-underline{display:inline-flex;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:12px;font-weight:500;border:none;background:transparent;color:var(--vn-ink-2);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.billing .btn-link-underline:hover{color:var(--vn-ink)}.billing .billing-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;line-height:1.4;font-family:inherit;letter-spacing:.02px;border-radius:4px;white-space:nowrap;border:1px solid transparent}.billing .billing-pill-active,.billing .billing-pill-credit{background:var(--vn-accent-soft);color:#0f6a3a;border-color:var(--vn-accent-border)}.billing .billing-pill-credit{padding:1px 6px;font-size:10px}.billing .billing-pill-founding{background:var(--vn-ink);color:#fff;border-color:var(--vn-ink)}.billing .billing-pill-inactive,.billing .billing-pill-neutral{background:var(--vn-chip-bg);color:#3f3f40;border-color:var(--vn-line)}.billing .billing-pill-warn{background:var(--vn-warn-bg);color:var(--vn-warn-fg);border-color:#f0dcae}.billing .plan-head{display:grid;grid-template-columns:1fr auto;gap:16px;padding:22px 24px;border-bottom:1px solid var(--vn-line)}.billing .plan-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--vn-faint);font-weight:500;margin-bottom:4px}.billing .plan-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.billing .plan-title-row h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.3px;color:var(--vn-ink)}.billing .plan-price-line{font-size:13px;color:var(--vn-muted);margin-top:6px}.billing .plan-price-line strong{color:var(--vn-ink);font-weight:600}.billing .plan-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.billing .plan-stat-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 24px}.billing .plan-stat{padding:0 18px;border-right:1px solid var(--vn-line)}.billing .plan-stat:first-child{padding-left:0}.billing .plan-stat:last-child{padding-right:0;border-right:none}.billing .plan-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--vn-faint);font-weight:500}.billing .plan-stat-value{font-size:17px;font-weight:600;margin-top:4px;color:var(--vn-ink);font-variant-numeric:tabular-nums}.billing .plan-stat-hint{font-size:12px;color:var(--vn-muted);margin-top:2px}.billing .plan-stat-tier{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.billing .plan-upgrade-link{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:11.5px;font-weight:500;border:1px solid var(--vn-line);background:var(--vn-card);color:var(--vn-ink);border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s;align-self:flex-start}.billing .plan-upgrade-link:hover{background:#faf9f6;border-color:var(--vn-line-strong)}.billing .plan-upgrade-link svg{color:var(--vn-muted)}.billing .billing-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}@media (max-width: 860px){.billing .billing-grid{grid-template-columns:1fr}}.billing .usage-total{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--vn-muted)}.billing .mono{font-family:var(--vn-font-mono);font-variant-numeric:tabular-nums}.billing .usage-pool-bar{width:100%;height:8px;background:var(--vn-track);border-radius:999px;overflow:hidden;display:flex}.billing .usage-pool-seg{height:100%}.billing .usage-pool-seg.ink{background:var(--vn-ink)}.billing .usage-pool-seg.green{background:var(--vn-accent)}.billing .usage-pool-seg.amber{background:#b07f19}.billing .usage-pool-list{margin-top:16px;display:flex;flex-direction:column}.billing .usage-pool-row{display:grid;grid-template-columns:10px 1fr auto auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--vn-line)}.billing .usage-pool-swatch{width:10px;height:10px;border-radius:2px;background:var(--vn-ink)}.billing .usage-pool-swatch.swatch-ink{background:var(--vn-ink)}.billing .usage-pool-swatch.swatch-green{background:var(--vn-accent)}.billing .usage-pool-swatch.swatch-amber{background:#b07f19}.billing .usage-pool-label{font-size:13px;font-weight:500;display:flex;gap:6px;align-items:center;color:var(--vn-ink)}.billing .usage-pool-meta{font-size:11.5px;color:var(--vn-muted);margin-top:2px}.billing .usage-pool-count{font-size:12.5px;color:var(--vn-ink)}.billing .usage-pool-pct{font-size:11px;color:var(--vn-faint);width:40px;text-align:right}.billing .overage-box{display:flex;gap:16px;align-items:center;padding:12px 16px;border:1px solid var(--vn-line-strong);border-radius:10px;background:#faf9f6}.billing .overage-label{font-size:13px;color:var(--vn-ink-2)}.billing .overage-input{width:110px;padding:6px 10px;font-size:13px;font-family:var(--vn-font-mono);font-variant-numeric:tabular-nums;border:1px solid var(--vn-line-strong);border-radius:6px;background:#fff;color:var(--vn-ink)}.billing .overage-input:focus{outline:none;border-color:var(--vn-ink)}.billing .overage-hint{flex:1;font-size:12px;color:var(--vn-muted)}.billing .overage-hint strong{color:var(--vn-ink);font-family:var(--vn-font-mono);font-weight:600}.billing .overage-zero-warning{margin-top:12px;padding:10px 14px;background:var(--vn-warn-bg);border:1px solid #f0dcae;border-radius:6px;font-size:12.5px;color:var(--vn-warn-fg)}.billing .overage-zero-warning.hidden{display:none}.billing .pm-body{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--vn-line);border-radius:10px}.billing .pm-body-empty{flex-direction:column;align-items:flex-start;gap:4px}.billing .pm-empty-text{font-size:13px;font-weight:500;color:var(--vn-ink)}.billing .pm-brand-badge{width:40px;height:28px;border-radius:5px;background:linear-gradient(135deg,#2b2b2d,#1a1a1b);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.5px}.billing .pm-details{flex:1;min-width:0}.billing .pm-primary{font-size:13px;font-weight:500;color:var(--vn-ink)}.billing .pm-secondary{font-size:12px;color:var(--vn-muted);margin-top:2px}.billing .pm-hosted-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;font-size:10px;line-height:1.4;background:var(--vn-chip-bg);color:#3f3f40;border:1px solid var(--vn-line);border-radius:4px;white-space:nowrap}.billing .billing-invoices-card .invoices-head{padding:18px 20px;margin-bottom:0}.billing .invoice-columns{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 100px;padding:8px 20px;border-top:1px solid var(--vn-line);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--vn-faint);font-weight:500}.billing .invoice-columns>div:last-child{text-align:right}.billing .invoice-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 100px;padding:14px 20px;align-items:center;border-top:1px solid var(--vn-line);font-size:13px;color:var(--vn-ink)}.billing .invoice-number{font-size:12px;color:var(--vn-ink)}.billing .invoice-date{font-size:13px;color:var(--vn-ink)}.billing .invoice-amount{font-size:13px}.billing .invoice-action{text-align:right}.billing .invoice-pdf-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;background:transparent;color:var(--vn-ink);text-decoration:none;border:1px solid transparent;transition:background .12s,border-color .12s}.billing .invoice-pdf-btn:hover{background:#faf9f6;border-color:var(--vn-line)}.billing .invoices-empty{padding:30px 20px 34px;text-align:center;font-size:13px;color:var(--vn-muted);border-top:1px solid var(--vn-line)}.billing .billing-loading{padding:16px 0;font-size:13px;color:var(--vn-muted)}.billing .billing-inline-error{color:var(--vn-err-fg);font-size:12.5px;margin-top:8px}@media (max-width: 720px){.billing .plan-head{grid-template-columns:1fr}.billing .plan-actions{align-items:flex-start}.billing .plan-stat-strip{grid-template-columns:1fr;gap:12px}.billing .plan-stat{padding:0 0 10px;border-right:none;border-bottom:1px solid var(--vn-line)}.billing .plan-stat:last-child{border-bottom:none;padding-bottom:0}.billing .invoice-columns,.billing .invoice-row{grid-template-columns:1fr 1fr;gap:8px}.billing .invoice-columns>div:nth-child(3),.billing .invoice-columns>div:nth-child(4),.billing .invoice-columns>div:nth-child(5){display:none}.billing .invoice-row>.invoice-amount,.billing .invoice-row>.invoice-action,.billing .invoice-row>.invoice-status{grid-column:auto}}.vn-confirm-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.vn-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1118278c;animation:vn-confirm-fade .15s ease-out}.vn-confirm-modal{position:relative;width:min(440px,calc(100vw - 32px));background:var(--color-white);border-radius:12px;padding:24px;box-shadow:0 20px 60px #00000040;animation:vn-confirm-pop .18s ease-out}.vn-confirm-title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color-dark)}.vn-confirm-body{margin:0 0 20px;font-size:14px;color:var(--color-gray);line-height:1.5}.vn-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.vn-confirm-btn{border-radius:8px;padding:9px 16px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s}.vn-confirm-btn-cancel{background:var(--color-white);border-color:var(--color-light);color:var(--color-dark)}.vn-confirm-btn-cancel:hover{background:var(--color-lighter)}.vn-confirm-btn:not(.vn-confirm-btn-cancel):not(.vn-confirm-btn-destructive){background:var(--color-dark, #111);color:var(--color-white)}.vn-confirm-btn-destructive{background:#dc2626;color:var(--color-white)}.vn-confirm-btn-destructive:hover{background:#b91c1c}.vn-confirm-modal-typed{width:min(480px,calc(100vw - 32px))}.vn-confirm-modal-typed .vn-confirm-body{margin-bottom:16px;color:#1f1f20}.vn-confirm-modal-typed .vn-confirm-body strong{color:#0e0e0f;font-weight:600}.vn-confirm-warn{display:flex;gap:10px;padding:12px 14px;margin:0 0 18px;background:#fff4d6;border:1px solid #f0dcae;border-radius:8px;font-size:13px;line-height:1.5;color:#8a6a12}.vn-confirm-warn strong{color:#5a4610;font-weight:600}.vn-confirm-warn .vn-confirm-warn-icon{flex-shrink:0;margin-top:1px;color:#b98c21}.vn-confirm-prompt{font-size:13px;color:#3f3f40;margin-bottom:8px}.vn-confirm-code{display:inline-block;padding:1px 6px;background:#f3f2ef;border:1px solid #e8e7e4;border-radius:4px;font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;color:#0e0e0f}.vn-confirm-input{width:100%;padding:9px 12px;margin:0 0 18px;border:1px solid #d6d5d1;border-radius:6px;font-family:inherit;font-size:14px;color:#0e0e0f;background:var(--color-white);transition:border-color .12s,box-shadow .12s}.vn-confirm-input:focus{outline:none;border-color:#0e0e0f;box-shadow:0 0 0 3px #0e0e0f14}.vn-confirm-btn[disabled]{cursor:not-allowed;opacity:.5}.vn-confirm-btn-destructive[disabled]:hover{background:#dc2626}@keyframes vn-confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes vn-confirm-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.home-surface{font-family:var(--font-sans);color:var(--vn-foreground);background:var(--vn-background);margin:calc(var(--spacing-lg) * -1);min-height:calc(100vh + -0px)}.home-surface .surface-content{max-width:1280px;margin:0 auto;padding:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-3xl)}.activity-surface{font-family:var(--font-sans);color:var(--vn-foreground);background:var(--vn-background);margin:calc(var(--spacing-lg) * -1);min-height:calc(100vh + -0px)}.activity-surface .surface-content{max-width:1280px;margin:0 auto;padding:var(--space-2xl)}.page-header{margin-bottom:var(--space-xl)}.page-header-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray);margin-bottom:var(--space-xs)}.page-header-title{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0 0 var(--space-sm);color:var(--vn-foreground)}.page-header-sub{font-size:14px;color:var(--vn-gray);max-width:640px;margin:0 0 var(--space-lg);line-height:1.55}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--vn-status-live);box-shadow:0 0 0 4px #10b98126;flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);background:var(--vn-surface);color:var(--vn-gray);border:1px solid var(--vn-border)}.pill--live{background:var(--vn-status-live-bg);color:var(--vn-status-live-text);border-color:transparent}.pill--warn{background:var(--vn-status-warn-bg);color:var(--vn-status-warn-text);border-color:transparent}.pill--error{background:var(--vn-status-error-bg);color:var(--vn-status-error-text);border-color:transparent}.pill--setup{background:var(--vn-surface);color:var(--vn-gray);border-color:var(--vn-border)}.pill-dot{inline-size:6px;block-size:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-dot--neutral{background:var(--vn-gray);box-shadow:0 0 0 4px #7878821f}.status-dot--warn{background:var(--vn-status-warn, #f59e0b);box-shadow:0 0 0 4px #f59e0b26}.hero-status{position:relative;background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-lg);padding:var(--space-2xl);overflow:hidden}.home-surface .page-header{margin-bottom:0}.hero-status-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.hero-headline{font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-xs);color:var(--vn-foreground)}.hero-headline .hero-url{color:var(--vn-lavender);font-weight:600}.hero-sub{color:var(--vn-gray);font-size:14px;margin-bottom:var(--space-lg)}.sparkline{display:flex;align-items:flex-end;gap:3px;height:48px;margin-bottom:var(--space-sm)}.sparkline-bar{flex:1;background:var(--vn-border);border-radius:2px;min-height:2px}.sparkline-bar.is-today{background:var(--vn-gradient-spark-today)}.sparkline-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--vn-gray);font-variant-numeric:tabular-nums;letter-spacing:.02em}.hero-status .status-dot--error{background:var(--vn-status-error);box-shadow:0 0 0 4px #dc262626}.empty-state{max-width:480px;margin:64px auto;padding:var(--space-2xl) var(--space-xl);text-align:center}.empty-state-icon{width:56px;height:56px;margin:0 auto var(--space-md);border-radius:50%;background:var(--vn-surface);border:1px solid var(--vn-border);display:inline-flex;align-items:center;justify-content:center;color:var(--vn-gray)}.empty-state-icon svg{width:24px;height:24px;stroke-width:2}.empty-state-headline{font-size:16px;font-weight:600;color:var(--vn-foreground);margin-bottom:var(--space-xs);letter-spacing:-.01em}.empty-state-body{font-size:13px;color:var(--vn-gray);line-height:1.5}.home-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media (max-width: 900px){.home-cards-grid{grid-template-columns:1fr}}.home-card{background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);min-height:152px;transition:border-color .2s ease}.home-card-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray)}.home-card-body{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.home-card-primary{font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--vn-foreground);line-height:1.1;font-variant-numeric:tabular-nums;display:block}.home-card-primary--text{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.home-card-primary--empty{font-size:28px;color:var(--vn-gray-muted, var(--vn-gray));font-weight:500}.home-card-primary-suffix{font-size:14px;font-weight:500;color:var(--vn-gray);letter-spacing:-.005em}.home-card-sub{font-size:13px;color:var(--vn-gray);line-height:1.5;margin:0}.home-card-footer{margin-top:auto;padding-top:var(--space-sm)}.home-card-link{font-size:13px;font-weight:500;color:var(--vn-foreground);text-decoration:none;letter-spacing:-.005em;transition:color .15s ease}.home-card-link:hover{color:var(--vn-indigo)}.home-card-progress-block{display:flex;flex-direction:column;gap:var(--space-sm)}.home-card-progress-counts{display:flex;align-items:baseline;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.home-card-progress-current{font-size:28px;font-weight:600;color:var(--vn-foreground);line-height:1}.home-card-progress-total{font-size:14px;font-weight:400;color:var(--vn-gray)}.home-card-progress-bar{width:100%;height:4px;background:var(--vn-border);border-radius:2px;overflow:hidden}.home-card-progress-fill{height:100%;background:var(--vn-foreground);border-radius:2px;transition:width .6s ease}.home-card-progress-fill--gradient{background:var(--vn-gradient-progress)}.analytics-surface{position:relative;font-family:var(--font-sans);color:var(--vn-foreground);background:var(--vn-background);margin:calc(var(--spacing-lg) * -1);min-height:calc(100vh + -0px);overflow:hidden}.analytics-surface .surface-content{max-width:1280px;margin:0 auto;padding:var(--space-2xl);transition:filter .4s ease,opacity .4s ease}body:has(.surface.is-locked){overflow:hidden}.analytics-surface.is-locked .surface-content{filter:blur(5px);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.surface-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:50;pointer-events:none}.analytics-surface.is-locked .surface-locked-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.analytics-surface .unlock-card{background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-xl) var(--space-2xl);text-align:center;min-width:340px;max-width:460px;pointer-events:auto}.analytics-surface .unlock-card .locked-card-eyebrow{display:inline-flex;align-items:center;gap:var(--space-xs);padding:0;background:transparent;border:none;color:var(--vn-gray);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md)}.analytics-surface .unlock-card .locked-card-eyebrow svg{width:12px;height:12px;stroke-width:2}.analytics-surface .unlock-card .unlock-headline{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0 0 var(--space-sm);line-height:1.3;color:var(--vn-foreground)}.analytics-surface .unlock-card .unlock-body{font-size:13px;color:var(--vn-gray);margin:0 0 var(--space-lg);line-height:1.55}.analytics-surface .unlock-card .locked-progress-row{display:flex;align-items:center;gap:var(--space-md)}.analytics-surface .unlock-card .locked-progress-bar{flex:1;height:6px;background:var(--vn-border);border-radius:3px;overflow:hidden;margin:0}.analytics-surface .unlock-card .locked-progress-fill{height:100%;background:var(--vn-gradient-progress);border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.analytics-surface .unlock-card .locked-progress-meta{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--vn-foreground);letter-spacing:-.01em;white-space:nowrap}.cat-swatch{display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:-1px;margin-right:var(--space-xs);background:var(--vn-gray-muted)}.analytics-surface .leaderboard{background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-3xl)}.analytics-surface .cat-tabbed{background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-md);padding:var(--space-xl)}.analytics-surface .lb-header{padding:0 0 var(--space-md);border-bottom:1px solid var(--vn-border);margin-bottom:0}.analytics-surface .lb-header-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray)}.analytics-surface .rank-chip{background:transparent;color:var(--vn-gray);display:inline-flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;flex-shrink:0}.analytics-surface .rank-chip.is-rank-1{width:auto;height:auto;color:var(--vn-foreground);font-weight:700;font-size:32px;letter-spacing:-.02em}.analytics-surface .rank-chip.is-compact{width:24px;height:24px;font-size:14px}.analytics-surface .lb-row--hero,.analytics-surface .lb-row--default{display:grid;grid-template-columns:var(--lb-chip-col) minmax(220px,1.3fr) minmax(160px,2fr) auto;gap:var(--space-lg);align-items:center;border-bottom:1px solid var(--vn-border)}.analytics-surface .lb-row--default:last-child{border-bottom:none}.analytics-surface .lb-row--hero{--lb-chip-col: 80px;padding:var(--space-xl) 0}.analytics-surface .lb-row--default{--lb-chip-col: 40px;padding:var(--space-md) 0}.analytics-surface .lb-body{min-width:0}.analytics-surface .lb-name{font-weight:600;letter-spacing:-.01em;color:var(--vn-foreground);margin-bottom:2px}.analytics-surface .lb-meta{font-size:12px;color:var(--vn-gray);font-family:var(--font-mono)}.analytics-surface .lb-row--hero .lb-name{font-size:20px}.analytics-surface .lb-row--hero .lb-meta{font-size:13px}.analytics-surface .lb-row--default .lb-name{font-size:15px;font-weight:500}.analytics-surface .lb-bar{width:100%;height:4px;background:var(--vn-border);border-radius:2px;overflow:hidden}.analytics-surface .lb-bar-fill{height:100%;background:var(--vn-foreground);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.analytics-surface .lb-stats{text-align:right;min-width:88px}.analytics-surface .lb-price{font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--vn-foreground)}.analytics-surface .lb-views{color:var(--vn-gray);margin-top:4px;font-variant-numeric:tabular-nums}.analytics-surface .lb-views strong{color:var(--vn-foreground);font-weight:500}.analytics-surface .lb-row--hero .lb-price{font-size:28px}.analytics-surface .lb-row--hero .lb-views{font-size:13px}.analytics-surface .lb-row--default .lb-price{font-size:18px}.analytics-surface .lb-row--default .lb-views{font-size:12px;margin-top:2px}.analytics-surface .lb-views svg{width:12px;height:12px;stroke-width:2;vertical-align:-2px;margin-right:4px;color:var(--vn-gray-muted)}.analytics-surface .cat-tabbed-head{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg);border-bottom:1px solid var(--vn-border)}.analytics-surface .cat-tabbed-head .card-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray)}.analytics-surface .cat-barstrip{display:flex;gap:var(--space-sm);align-items:flex-end}.analytics-surface .cat-bar-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0 0 var(--space-sm);margin-bottom:-1px;font-family:inherit;cursor:pointer;display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--space-xs);border-bottom:2px solid transparent;color:inherit;text-align:center;opacity:.55;transition:opacity var(--motion-base) ease,border-color var(--motion-fast) ease}.analytics-surface .cat-bar-cell:hover{opacity:.8}.analytics-surface .cat-bar-cell:focus-visible{outline:2px solid var(--vn-indigo);outline-offset:2px;border-radius:2px}.analytics-surface .cat-bar-cell.is-active{opacity:1;border-bottom-color:var(--cat-accent, var(--vn-foreground))}.analytics-surface .cat-bar{width:100%;max-width:56px;height:64px;display:flex;align-items:flex-end;justify-content:center}.analytics-surface .cat-bar-fill{width:32px;min-height:4px;background:var(--cat-accent, var(--vn-gray-muted));border-radius:3px 3px 0 0;transition:height .3s cubic-bezier(.4,0,.2,1)}.analytics-surface .cat-icon-tile{width:32px;height:32px;border-radius:var(--radius-icon-tile);background:var(--cat-accent, var(--vn-gray-muted));color:var(--vn-on-primary);display:inline-flex;align-items:center;justify-content:center;transition:box-shadow var(--motion-base) ease;margin-top:var(--space-xs)}.analytics-surface .cat-bar-cell.is-active .cat-icon-tile{box-shadow:0 0 0 2px var(--vn-background),0 0 0 4px var(--vn-foreground)}.analytics-surface .cat-bar-name{font-size:13px;font-weight:500;color:var(--vn-gray);margin-top:var(--space-xs)}.analytics-surface .cat-bar-cell.is-active .cat-bar-name{color:var(--vn-foreground);font-weight:600}.analytics-surface .cat-bar-caption{font-size:11px;color:var(--vn-gray-muted);font-variant-numeric:tabular-nums}.analytics-surface .cat-tab-list{display:flex;flex-direction:column}.analytics-surface .cat-tab-empty{font-size:13px;color:var(--vn-gray);margin:var(--space-md) 0 0;font-style:italic}.reports-surface{position:relative;font-family:var(--font-sans);color:var(--vn-foreground);background:var(--vn-background);margin:calc(var(--spacing-lg) * -1);min-height:calc(100vh + -0px)}.reports-surface .surface-content{max-width:1280px;margin:0 auto;padding:var(--space-2xl)}.reports-surface .reports-tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-3xl)}@media (max-width: 800px){.reports-surface .reports-tiles{grid-template-columns:1fr}}.reports-surface .report-tile{background:var(--vn-surface);border:1px solid var(--vn-border);border-radius:var(--radius-md);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);position:relative;min-height:320px}.reports-surface .report-tile__eyebrow{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray);align-self:flex-start}.reports-surface .report-tile__eyebrow svg{width:12px;height:12px;stroke-width:2.5}.reports-surface .report-tile__eyebrow strong{color:var(--vn-foreground);font-weight:600}.reports-surface .report-tile__title{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--vn-foreground)}.reports-surface .report-tile__desc{font-size:13px;color:var(--vn-gray);line-height:1.5;margin:0}.reports-surface .report-tile__progress{display:grid;gap:var(--space-xs);margin-top:auto}.reports-surface .report-tile__progress-bar{height:6px;background:var(--vn-border);border-radius:var(--radius-pill);overflow:hidden}.reports-surface .report-tile__progress-fill{height:100%;background:var(--vn-gradient-progress);border-radius:var(--radius-pill);transition:width .6s ease-out}.reports-surface .report-tile__progress-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--vn-gray);font-variant-numeric:tabular-nums}.reports-surface .report-tile__price-line{font-size:13px;color:var(--vn-gray);font-variant-numeric:tabular-nums}.reports-surface .report-tile__price-line strong{color:var(--vn-foreground);font-weight:600}.reports-surface .report-tile--buyable{background:var(--vn-background)}.reports-surface .report-tile__included{display:grid;gap:var(--space-xs)}.reports-surface .report-tile__included-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray)}.reports-surface .report-tile__included-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-xs);font-size:13px;color:var(--vn-foreground)}.reports-surface .report-tile__included-list li{display:flex;align-items:center;gap:var(--space-sm)}.reports-surface .report-tile__included-list svg{width:14px;height:14px;color:var(--vn-status-live);flex-shrink:0}.reports-surface .report-tile__cta{margin-top:auto;width:100%;padding:var(--space-md) var(--space-lg);background:var(--vn-indigo);color:var(--vn-on-primary);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .15s}.reports-surface .report-tile__cta:hover{background:#2a2042}.reports-surface .report-tile__cta:focus-visible{outline:2px solid var(--vn-indigo);outline-offset:2px}.reports-surface .report-tile__cta[disabled]{opacity:.55;cursor:not-allowed}.reports-surface .library-section{margin-top:var(--space-3xl)}.reports-surface .library-section__title{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0 0 var(--space-md);color:var(--vn-foreground)}.reports-surface .library-list{background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-md);overflow:hidden}.reports-surface .library-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--vn-border);font-size:14px;color:var(--vn-foreground)}.reports-surface .library-row:last-child{border-bottom:0}.reports-surface .library-row__body{display:grid;gap:2px;min-width:0}.reports-surface .library-row__title{font-size:14px;font-weight:500;color:var(--vn-foreground)}.reports-surface .library-row--empty{grid-template-columns:1fr;padding:var(--space-xl) var(--space-lg)}.storefront-surface{font-family:var(--font-sans);color:var(--vn-foreground);background:var(--vn-background);margin:calc(var(--spacing-lg) * -1);min-height:calc(100vh + -0px)}.storefront-surface .surface-content{max-width:1280px;margin:0 auto;padding:var(--space-2xl)}.storefront-surface .vn-card{background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-lg)}.storefront-surface .card-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray);display:block;margin-bottom:var(--space-xs)}.storefront-surface .storefront-section-intro{font-size:13px;color:var(--vn-gray);line-height:1.55;margin:0 0 var(--space-lg);max-width:640px}.storefront-surface .storefront-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.storefront-surface .checklist-item{display:flex;align-items:flex-start;gap:var(--space-md);font-size:14px;color:var(--vn-foreground);line-height:1.5}.storefront-surface .checklist-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.storefront-surface .checklist-icon svg{width:14px;height:14px;stroke-width:2.25}.storefront-surface .checklist-item--done .checklist-icon{background:var(--vn-status-live);color:var(--vn-on-primary)}.storefront-surface .checklist-item--pending .checklist-icon{background:transparent;border:1.5px solid var(--vn-border);color:var(--vn-gray-muted)}.storefront-surface .checklist-item--pending .checklist-icon svg{width:8px;height:8px}.storefront-surface .checklist-item--attention .checklist-icon{background:var(--vn-sale-bg);color:var(--vn-sale-accent)}.storefront-surface .checklist-text{display:flex;flex-direction:column;gap:2px;min-width:0}.storefront-surface .checklist-title{font-size:14px;font-weight:500;color:var(--vn-foreground);letter-spacing:-.005em}.storefront-surface .checklist-meta{font-size:12px;color:var(--vn-gray);font-variant-numeric:tabular-nums}.storefront-surface .checklist-item--attention .checklist-meta{color:var(--vn-sale-accent)}.storefront-surface .checklist-item--pending .checklist-title,.storefront-surface .checklist-item--pending .checklist-meta{color:var(--vn-gray)}.storefront-surface .storefront-code-details{border:1px solid var(--vn-border);border-radius:var(--radius-sm);background:var(--vn-surface);overflow:hidden}.storefront-surface .storefront-code-details>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-size:13px;font-weight:500;color:var(--vn-foreground);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:background .15s ease}.storefront-surface .storefront-code-details>summary:hover{background:var(--vn-background)}.storefront-surface .storefront-code-details>summary::-webkit-details-marker{display:none}.storefront-surface .storefront-code-chevron{width:16px;height:16px;stroke-width:2;color:var(--vn-gray);transition:transform .2s ease}.storefront-surface .storefront-code-details[open] .storefront-code-chevron{transform:rotate(180deg)}.storefront-surface .storefront-code-block{position:relative;background:#0e0e0f;border-top:1px solid var(--vn-border);padding:var(--space-md) var(--space-lg);padding-right:96px;overflow-x:auto}.storefront-surface .storefront-code-block pre{margin:0;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:#e8e7e4;white-space:pre-wrap;word-break:break-all}.storefront-surface .storefront-code-block code{color:inherit;background:transparent;padding:0}.storefront-surface .storefront-copy-btn{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:500;background:#ffffff1a;color:#e8e7e4;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;transition:background .15s ease}.storefront-surface .storefront-copy-btn:hover{background:#ffffff2e}.storefront-surface .storefront-copy-btn svg{width:12px;height:12px;stroke-width:2}.storefront-surface .storefront-copy-btn:focus-visible{outline:2px solid var(--vn-indigo);outline-offset:2px}.storefront-surface .storefront-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--vn-border)}.storefront-surface .storefront-toggle-label{font-size:14px;font-weight:500;color:var(--vn-foreground)}.storefront-surface .storefront-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xs)}.storefront-surface .consent-modes{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.storefront-surface .consent-mode{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);align-items:start;padding:var(--space-md);border:1px solid var(--vn-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,background .15s ease}.storefront-surface .consent-mode:hover{border-color:var(--vn-foreground)}.storefront-surface .consent-mode--active{border-color:var(--vn-foreground);background:var(--vn-surface)}.storefront-surface .consent-mode__radio{width:16px;height:16px;margin:2px 0 0;accent-color:var(--vn-foreground)}.storefront-surface .consent-mode__body{display:flex;flex-direction:column;gap:2px;min-width:0}.storefront-surface .consent-mode__label{font-size:14px;font-weight:500;color:var(--vn-foreground)}.storefront-surface .consent-mode__hint{font-size:13px;color:var(--vn-gray);line-height:1.4}.storefront-surface .consent-manual-panel{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.storefront-surface .consent-test-btn{align-self:flex-start}.storefront-surface .pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1}.storefront-surface .pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.storefront-surface .pill--live{background:var(--vn-status-live-bg);color:var(--vn-status-live)}.storefront-surface .pill--live .pill-dot{background:var(--vn-status-live)}.storefront-surface .pill--warn{background:var(--vn-status-warn-bg);color:var(--vn-status-warn-text)}.storefront-surface .pill--warn .pill-dot{background:var(--vn-status-warn)}.storefront-surface .btn-secondary{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 14px;background:var(--vn-background);color:var(--vn-foreground);border:1px solid var(--vn-border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.storefront-surface .btn-secondary:hover{background:var(--vn-surface);border-color:var(--vn-gray-muted)}.toggle{position:relative;display:inline-block;width:40px;height:22px;vertical-align:middle;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--vn-border);border-radius:11px;transition:background .2s ease}.toggle-track:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background:var(--vn-background);border-radius:50%;box-shadow:0 1px 2px #00000026;transition:transform .2s ease}.toggle input:checked+.toggle-track{background:var(--vn-foreground)}.toggle input:checked+.toggle-track:before{transform:translate(18px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--vn-indigo);outline-offset:2px}.toast{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:100;display:flex;align-items:center;gap:var(--space-sm);background:var(--vn-foreground);color:var(--vn-on-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:10px 14px;font-size:13px;font-weight:500;max-width:360px;animation:toast-enter .2s ease-out}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-icon{display:flex;align-items:center}.toast-icon svg{width:16px;height:16px;stroke-width:2}.toast--success .toast-icon{color:var(--vn-status-live)}.toast--error .toast-icon{color:var(--vn-status-error)}.toast-close{background:none;border:none;color:#fff9;cursor:pointer;padding:0;display:flex;align-items:center;margin-left:var(--space-xs)}.toast-close:hover{color:var(--vn-on-primary)}.toast-close svg{width:14px;height:14px;stroke-width:2}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.settings .settings-section{padding:var(--space-xl);margin-bottom:var(--space-lg)}.settings .settings-section .card-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray);margin-bottom:var(--space-md)}.settings .settings-section-help{font-size:13px;color:var(--vn-gray);line-height:1.55;margin:var(--space-md) 0 0}.settings .settings-profile{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-md);align-items:center}.settings .settings-profile-avatar{width:48px;height:48px;border-radius:50%;background:var(--vn-gradient-brand);color:var(--vn-on-primary);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;letter-spacing:-.02em}.settings .settings-profile-info{min-width:0}.settings .settings-profile-name{font-size:14px;font-weight:500;color:var(--vn-foreground)}.settings .settings-profile-email{font-size:13px;color:var(--vn-gray);font-variant-numeric:tabular-nums}.settings .settings-preferences-row{display:flex;align-items:flex-end;gap:var(--space-md);max-width:420px}.settings .settings-preferences-row .form-row{flex:1}.settings .settings-prefs-confirm{display:inline-flex;align-items:center;height:36px;font-size:12.5px;font-weight:500;color:transparent;transition:color var(--motion-base)}.settings .settings-prefs-confirm.is-saved{color:var(--vn-status-live-text)}.settings .settings-prefs-confirm.is-error{color:var(--vn-err-fg)}.settings .logo-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings .logo-dropzone{display:flex;flex-direction:row;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1.5px dashed var(--vn-border);border-radius:var(--radius-md);background:var(--vn-surface);color:var(--vn-gray);cursor:pointer;transition:border-color .15s ease,color .15s ease}.settings .logo-dropzone:hover{border-color:var(--vn-foreground);color:var(--vn-foreground)}.settings .logo-dropzone svg{width:24px;height:24px;stroke-width:1.6;flex-shrink:0}.settings .logo-dropzone-text{display:flex;flex-direction:column;gap:2px;min-width:0}.settings .logo-dropzone-headline{font-size:14px;font-weight:500;color:var(--vn-foreground)}.settings .logo-dropzone-hint{font-size:13px;color:var(--vn-gray)}.settings .logo-preview{display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);align-items:center}.settings .logo-preview-img{width:200px;height:200px;border-radius:var(--radius-md);border:1px solid var(--vn-border);object-fit:cover;background:var(--vn-surface)}.settings .logo-preview-actions{display:flex;gap:var(--space-sm)}.settings .btn-secondary{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 14px;background:var(--vn-background);color:var(--vn-foreground);border:1px solid var(--vn-border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.settings .btn-secondary:hover{background:var(--vn-surface);border-color:var(--vn-gray-muted)}.settings-surface .vn-card{background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-md)}.billing-surface{position:relative;font-family:var(--font-sans);color:var(--vn-foreground);background:var(--vn-background);margin:calc(var(--spacing-lg) * -1);min-height:calc(100vh + -0px);overflow:hidden}.billing-surface .surface-content{max-width:1280px;margin:0 auto;padding:var(--space-2xl)}.billing-surface .vn-card{background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-lg)}.billing-surface .card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.billing-surface .card-head h2{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--vn-foreground)}.billing-surface .card-head .card-sub{font-size:13px;color:var(--vn-gray);margin:2px 0 0;line-height:1.55}.billing-surface .card-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray);display:block;margin-bottom:var(--space-xs)}.billing-surface .pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1}.billing-surface .pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.billing-surface .pill--live{background:var(--vn-status-live-bg);color:var(--vn-status-live)}.billing-surface .pill--live .pill-dot{background:var(--vn-status-live)}.billing-surface .pill--warn{background:var(--vn-status-warn-bg);color:var(--vn-status-warn-text)}.billing-surface .pill--warn .pill-dot{background:var(--vn-status-warn)}.billing-surface .pill--neutral{background:var(--vn-surface);color:var(--vn-gray);border:1px solid var(--vn-border)}.billing-surface .plan-card .plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.billing-surface .plan-title-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.billing-surface .plan-title-row h2{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--vn-foreground)}.billing-surface .plan-price-line{font-size:13px;color:var(--vn-gray)}.billing-surface .plan-stat-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--vn-border);align-items:start}.billing-surface .plan-stat-strip>div{display:flex;flex-direction:column}.billing-surface .plan-stat-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray);margin-bottom:var(--space-xs)}.billing-surface .plan-stat-value{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-bottom:2px;color:var(--vn-foreground)}.billing-surface .plan-stat-hint{font-size:12px;color:var(--vn-gray)}.billing-surface .plan-change-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--vn-foreground);background:none;border:none;padding:0;cursor:pointer;transition:color .15s ease;text-decoration:none}.billing-surface .plan-change-link:hover{color:var(--vn-lavender)}.billing-surface .plan-change-link svg{width:14px;height:14px;stroke-width:2}.billing-surface .usage-card .usage-amount{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--vn-foreground);margin:0}.billing-surface .usage-card .usage-amount .usage-unit{font-size:14px;font-weight:500;color:var(--vn-gray);margin-left:4px}.billing-surface .usage-bar-track{height:8px;background:var(--vn-border);border-radius:4px;overflow:hidden;margin:var(--space-md) 0 var(--space-sm)}.billing-surface .usage-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1),background-color .2s ease}.billing-surface .usage-bar-fill--ok{background:var(--vn-status-live)}.billing-surface .usage-bar-fill--warn{background:var(--vn-status-warn)}.billing-surface .usage-bar-fill--over{background:var(--vn-status-error)}.billing-surface .usage-bar-fill--bonus{background:var(--vn-lavender)}.billing-surface .usage-bar-fill--empty{background:var(--vn-gray-muted)}.billing-surface .usage-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);font-size:13px;color:var(--vn-gray);font-variant-numeric:tabular-nums}.billing-surface .overage-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0}.billing-surface .overage-row-text{flex:1}.billing-surface .overage-row-label{font-size:14px;font-weight:500;color:var(--vn-foreground);margin-bottom:2px}.billing-surface .overage-row-helper{font-size:12px;color:var(--vn-gray)}.billing-surface .overage-cap-section{margin-top:var(--space-md);padding:var(--space-lg);background:var(--vn-surface);border:1px solid var(--vn-border);border-radius:var(--radius-md);display:none}.billing-surface .overage-cap-section.is-visible{display:block}.billing-surface .overage-cap-section .field-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray);display:block;margin-bottom:var(--space-sm)}.billing-surface .overage-cap-section .field-row{display:flex;align-items:center;gap:var(--space-sm)}.billing-surface .overage-cap-section .field{width:140px;height:40px;padding:0 var(--space-md);background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-sm);font:inherit;font-variant-numeric:tabular-nums;font-size:14px;color:var(--vn-foreground);transition:border-color .15s ease,box-shadow .15s ease}.billing-surface .overage-cap-section .field:focus{outline:none;border-color:var(--vn-indigo);box-shadow:0 0 0 3px #130e2114}.billing-surface .overage-cap-section .field-unit{font-size:13px;color:var(--vn-gray)}.billing-surface .overage-cap-section .field-helper{font-size:12px;color:var(--vn-gray);margin-top:var(--space-sm)}.billing-surface .overage-cap-section .field-helper strong{color:var(--vn-foreground);font-weight:500;font-variant-numeric:tabular-nums}.billing-surface .overage-usage-block{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--vn-border)}.billing-surface .overage-usage-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.billing-surface .overage-usage-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray)}.billing-surface .overage-usage-meta{font-size:13px;font-variant-numeric:tabular-nums;color:var(--vn-foreground)}.billing-surface .overage-usage-meta strong{font-weight:500}.billing-surface .invoices-empty{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0 var(--space-sm);border-top:1px solid var(--vn-border);color:var(--vn-gray);font-size:13px;line-height:1.5}.billing-surface .invoices-empty svg{width:18px;height:18px;stroke-width:2;color:var(--vn-gray-muted);flex-shrink:0}.billing-surface .payment-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--vn-border)}.billing-surface .payment-method-info{display:flex;align-items:center;gap:var(--space-md)}.billing-surface .card-brand-tile{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;background:var(--vn-foreground);color:var(--vn-on-primary);border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:.08em;font-family:var(--font-sans)}.billing-surface .pm-line-1{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;margin-bottom:2px;color:var(--vn-foreground)}.billing-surface .pm-line-2{font-size:12px;color:var(--vn-gray)}.billing-surface .payment-action{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--vn-foreground);cursor:pointer;transition:background .15s ease;text-decoration:none;font-family:inherit}.billing-surface .payment-action:hover{background:var(--vn-surface)}.billing-surface .payment-action svg{width:14px;height:14px;stroke-width:2}.billing-surface .payment-action[disabled]{opacity:.55;cursor:not-allowed}.billing-surface .billing-portal-action{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--vn-foreground);cursor:pointer;text-decoration:none;font-family:inherit}.billing-surface .billing-portal-action:hover{background:var(--vn-surface)}.billing-surface .billing-portal-action svg{width:14px;height:14px;stroke-width:2}.billing-surface .billing-portal-action[disabled]{opacity:.55;cursor:not-allowed}.billing-surface .invoice-columns{display:grid;grid-template-columns:130px 140px 100px 90px 1fr;gap:var(--space-md);padding:var(--space-sm) 0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vn-gray);border-bottom:1px solid var(--vn-border)}.billing-surface .invoice-columns>div:last-child{text-align:right}.billing-surface .invoice-row{display:grid;grid-template-columns:130px 140px 100px 90px 1fr;gap:var(--space-md);align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--vn-border);font-size:14px}.billing-surface .invoice-row:last-of-type{border-bottom:none}.billing-surface .invoice-number{font-family:var(--font-mono);color:var(--vn-gray);font-size:13px}.billing-surface .invoice-date{color:var(--vn-foreground)}.billing-surface .invoice-amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500}.billing-surface .invoice-action{text-align:right}.billing-surface .invoice-pdf-btn{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--vn-foreground);background:none;border:none;padding:0;cursor:pointer;text-decoration:none;transition:color .15s ease}.billing-surface .invoice-pdf-btn:hover{color:var(--vn-lavender)}.billing-surface .invoice-pdf-btn svg{width:14px;height:14px;stroke-width:2}.billing-surface .invoice-pdf-btn[disabled]{color:var(--vn-gray-muted);cursor:not-allowed}.billing-surface .invoices-foot{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);margin-top:var(--space-sm);font-size:13px;color:var(--vn-gray);font-variant-numeric:tabular-nums}.billing-surface .load-more-btn{padding:8px 14px;background:var(--vn-background);border:1px solid var(--vn-border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--vn-foreground);cursor:pointer;transition:background .15s ease;font-family:inherit}.billing-surface .load-more-btn:hover{background:var(--vn-surface)}.billing-surface .load-more-btn[disabled]{opacity:.55;cursor:not-allowed}@media (max-width: 960px){.billing-surface .plan-stat-strip{grid-template-columns:1fr;gap:var(--space-md)}.billing-surface .invoice-columns,.billing-surface .invoice-row{grid-template-columns:1fr 1fr}.billing-surface .invoice-columns{display:none}}