@font-face{font-family:Inter;src:url(/fonts/inter/fonts/ttf/Inter-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/fonts/ttf/Inter-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/fonts/ttf/Inter-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/fonts/ttf/Inter-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains_mono/fonts/variable/JetBrainsMono%5Bwght%5D.woff2) format("woff2-variations"),url(/fonts/jetbrains_mono/fonts/variable/JetBrainsMono%5Bwght%5D.ttf) format("truetype-variations");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:Terminal Land Mono;src:url(/fonts/terminal_land/terminal-land-mono/webfont/TerminalLandMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Terminal Land Mono;src:url(/fonts/terminal_land/terminal-land-mono/webfont/TerminalLandMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Affigere;src:url(/fonts/affigere/Affigere-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--color-canvas: #121212;--color-surface: #1c1c1c;--color-surface-elevated: #252525;--color-border: #2c2c2c;--color-border-subtle: #3c3c3c;--color-primary: #00ff85;--color-primary-dim: #00cc6a;--color-secondary: #1e90ff;--color-secondary-dim: #1670cc;--color-accent: #ff0099;--color-accent-dim: #cc007a;--color-success: var(--color-primary);--color-warning: #ffb800;--color-error: #ff4444;--color-info: var(--color-secondary);--color-home-win: var(--color-primary);--color-draw: #6b6b6b;--color-away-win: var(--color-secondary);--color-tier-green: var(--color-success);--color-tier-yellow: var(--color-warning);--color-tier-orange: #ff8c00;--color-tier-reject: var(--color-error);--color-text: #f0f0f0;--color-text-secondary: #b0b0b0;--color-text-muted: #808080;--color-text-on-primary: #121212;--font-family: "Inter", "Roboto", -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-family-terminal: "Terminal Land Mono", monospace;--font-family-affigere: "Affigere", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-glow-primary: 0 0 20px rgba(0, 255, 133, .2);--shadow-glow-secondary: 0 0 20px rgba(30, 144, 255, .2);--transition-fast: .15s ease;--transition-normal: .25s ease;--z-dropdown: 100;--z-modal: 200;--z-tooltip: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-canvas);min-height:100vh;line-height:1.5}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dim)}img{max-width:100%;height:auto}.app{min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6);position:sticky;top:0;z-index:var(--z-dropdown)}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.ws-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-elevated);border-radius:var(--radius-full);font-size:var(--font-size-xs);cursor:default}.ws-indicator{width:8px;height:8px;border-radius:50%;transition:background-color var(--transition-normal)}.ws-indicator.connected{background-color:var(--color-success);box-shadow:0 0 6px var(--color-success);animation:pulse 2s ease-in-out infinite}.ws-indicator.disconnected{background-color:var(--color-error)}.ws-label{color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.main{flex:1;padding:var(--space-6);max-width:1400px;margin:0 auto;width:100%}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.main{padding:var(--space-4)}.header{padding:var(--space-3) var(--space-4)}.header-content{flex-wrap:wrap;gap:var(--space-3)}.logo-text{font-size:var(--font-size-base)}.logo-icon{width:32px;height:32px}.btn-sm{padding:var(--space-1) var(--space-2)}}.card,.match-card,.bet-slip-card,.provider-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-fast)}.card:hover,.match-card:hover,.provider-card:hover{border-color:var(--color-border-subtle)}.card-elevated{background-color:var(--color-surface-elevated);box-shadow:var(--shadow-lg)}.card--fit{width:420px;max-width:100%;margin:0 auto}.alert-error{background-color:#ff44441a;border-color:var(--color-error)!important;margin-bottom:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-weight:500;font-size:var(--font-size-sm);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:disabled{background-color:var(--color-surface-elevated);color:var(--color-text-muted);box-shadow:none;border:1px solid var(--color-border)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dim);transform:translateY(-1px);box-shadow:var(--shadow-glow-primary)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dim);transform:translateY(-1px);box-shadow:var(--shadow-glow-secondary)}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-elevated)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.form-input,.form-select{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary)}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-icon{width:40px;height:40px}.logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.logo-accent{color:var(--color-primary)}.match-card{cursor:pointer;padding:var(--space-4)}.match-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.match-card--selected{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary)}.match-teams{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.match-team{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;text-align:center}.match-team--away{flex-direction:column;text-align:center}.match-team-crest{width:120px;height:120px;object-fit:contain}.match-team-name{font-size:var(--font-size-sm);line-height:1.2}.match-vs{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;margin-top:-16px}.match-datetime{display:flex;justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.match-date{font-weight:500}.match-time{font-family:var(--font-family-terminal)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.stat-item{background:var(--color-surface-elevated);padding:var(--space-3);border-radius:var(--radius-md);text-align:center}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);font-family:var(--font-family-terminal)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.probability-bar{display:flex;height:32px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.probability-segment{display:flex;align-items:center;justify-content:center;min-width:40px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);transition:width .35s ease}.probability-segment--home{background:var(--color-home-win);color:var(--color-text-on-primary)}.probability-segment--draw{background:var(--color-draw)}.probability-segment--away{background:var(--color-away-win);position:relative}.probability-segment--away:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px);pointer-events:none}.bet-slip-card{background:var(--color-surface-elevated);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.bet-slip-card--green{border-color:var(--color-tier-green);box-shadow:0 0 10px #00ff851a}.bet-slip-market{display:flex;justify-content:space-between;align-items:baseline}.bet-slip-selection{font-weight:600}.bet-slip-probability{font-family:var(--font-family-terminal);color:var(--color-text-muted);font-size:11px}.provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.provider-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);cursor:pointer}.provider-card--selected{border-color:var(--color-secondary);box-shadow:var(--shadow-glow-secondary)}.match-list-scroll{max-height:500px;overflow-y:auto}.provider-grid-compact{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:100%}.provider-card-compact{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:4px;position:relative}.provider-card-compact:hover{background:var(--color-surface-elevated);border-color:var(--color-border-subtle);transform:translateY(-1px);z-index:10}.provider-card-compact--selected{background:#1e90ff26;border-color:var(--color-secondary);box-shadow:0 0 8px #1e90ff4d;z-index:5}.provider-logo{width:60%;height:60%;object-fit:contain;filter:grayscale(100%) opacity(.7);transition:filter var(--transition-fast)}.provider-card-compact:hover .provider-logo,.provider-card-compact--selected .provider-logo{filter:grayscale(0%) opacity(1)}.provider-card-compact .provider-name,.provider-card-compact .provider-initials{display:none}.bankroll-widget{position:fixed;right:0;top:50%;transform:translateY(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-right:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);display:flex;max-height:80vh}.bankroll-toggle{width:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;border-right:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer}.bankroll-toggle:hover{background:var(--color-surface-elevated);color:var(--color-primary)}.bankroll-badge{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-primary);background:#00ff851a;padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm)}.bankroll-content{flex:1;padding:var(--space-3);overflow-y:auto;min-width:280px;display:flex;flex-direction:column;gap:var(--space-3)}.bankroll-balance{font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-family-terminal);color:var(--color-text)}.bankroll-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.bankroll-identity{display:flex;flex-direction:column;gap:var(--space-2)}.bankroll-eyebrow{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-muted)}.bankroll-balance-row{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.bankroll-meta{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);background:var(--color-surface-elevated);border:1px solid var(--color-border);font-size:11px;color:var(--color-text-secondary)}.pill-ghost{background:transparent;border-color:var(--color-border)}.pill-positive{border-color:#00ff8559;color:var(--color-success);box-shadow:var(--shadow-glow-primary)}.pill-negative{border-color:#ff444459;color:var(--color-error)}.bankroll-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.stat-mini{background:var(--color-surface-elevated);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:left;display:flex;flex-direction:column;gap:var(--space-1)}.stat-mini-value{font-weight:600;font-family:var(--font-family-terminal)}.stat-mini-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase}.bankroll-form{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.bankroll-actions{display:flex;gap:var(--space-2);justify-content:space-between;flex-wrap:wrap}.bankroll-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.bankroll-section-title{font-weight:700;font-size:var(--font-size-sm);color:var(--color-text)}.bankroll-section-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.transaction-list{display:flex;flex-direction:column;gap:var(--space-2)}.transaction-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.transaction-item:last-child{border-bottom:none}.transaction-meta{display:flex;flex-direction:column;gap:4px}.transaction-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.transaction-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:capitalize;border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text-secondary)}.transaction-chip--deposit,.transaction-chip--win{border-color:#00ff854d;color:var(--color-success)}.transaction-chip--withdrawal,.transaction-chip--loss{border-color:#ff444459;color:var(--color-error)}.transaction-chip--bet{border-color:var(--color-border-subtle);color:var(--color-text-muted)}.transaction-notes{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.transaction-date{color:var(--color-text-muted);font-size:var(--font-size-xs)}.transaction-amount{font-family:var(--font-family-terminal);font-weight:700}.transaction-amount.positive{color:var(--color-success)}.transaction-amount.negative{color:var(--color-error)}.transaction-amount.neutral{color:var(--color-text-secondary)}@media(max-width:768px){.bankroll-widget{top:auto;bottom:0;transform:none;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-right:1px solid var(--color-border);border-bottom:none;height:60vh;flex-direction:column}.bankroll-toggle{width:100%;height:40px;flex-direction:row;border-right:none;border-bottom:1px solid var(--color-border);writing-mode:horizontal-tb}.bankroll-badge{writing-mode:horizontal-tb;transform:none;margin:0}.bankroll-stats{grid-template-columns:repeat(2,1fr)}}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-warning{color:gold}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-text-muted)}.font-mono{font-family:var(--font-family-mono)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}@media(max-width:480px){.gap-4{gap:var(--space-2)}}.w-80{width:80%}.w-60{width:60%}.items-start{align-items:start}.hidden{display:none}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-elevated) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.match-list-skeleton{height:80px}.region-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary)}.region-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2);padding:12px;background-color:var(--color-surface);border-radius:var(--radius-md)}.region-legend-item{display:flex;align-items:center;gap:var(--space-2)}.region-legend-text{font-size:11px;color:var(--color-text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.placeholder-icon{margin-bottom:var(--space-4);opacity:.3}.match-stats-container{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-4)}.match-stats-teams{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.match-stats-team-name{font-size:var(--font-size-lg);font-weight:700}.match-stats-team-name.home{color:var(--color-primary)}.match-stats-team-name.away{color:var(--color-secondary)}.match-stats-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-indicators{display:flex;gap:4px}.form-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#000}.form-dot.win{background-color:var(--color-success)}.form-dot.draw{background-color:var(--color-warning)}.form-dot.loss{background-color:var(--color-error)}.match-stats-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.match-stats-teams{display:flex;gap:var(--space-3);align-items:stretch}.team-panel{flex:1;background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-sm)}.team-panel.home{border-color:#00ff8533}.team-panel.away{border-color:#1e90ff33}.team-panel-header{display:flex;flex-direction:column;gap:var(--space-2)}.team-name-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.team-name{font-size:var(--font-size-lg);font-weight:700;line-height:1.1}.team-name.home{color:var(--color-primary)}.team-name.away{color:var(--color-secondary)}.injury-badge{background:#ff444426;color:var(--color-error);border:1px solid rgba(255,68,68,.35);border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:600}.team-meta{display:flex;gap:var(--space-2);align-items:center}.meta-pill{padding:2px 8px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:11px;color:var(--color-text-secondary);background:var(--color-surface)}.team-form-row{display:flex;align-items:center;justify-content:space-between}.form-chips{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.form-label-row{display:flex;align-items:center;gap:6px}.form-chip-row{display:flex;gap:6px;flex-wrap:wrap}.last-five-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.form-chip{min-width:26px;height:22px;padding:0 8px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--color-canvas)}.form-chip.win{background:var(--color-success)}.form-chip.draw{background:var(--color-warning)}.form-chip.loss{background:var(--color-error)}.form-placeholder{color:var(--color-text-muted);font-size:var(--font-size-xs)}.vs-badge{align-self:center;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-elevated);color:var(--color-text-secondary);font-weight:700;letter-spacing:1px}@media(max-width:768px){.match-stats-teams{flex-direction:column}.vs-badge{align-self:flex-start}}.recommendation-container{border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-4);background:#00ff850d;margin-bottom:var(--space-4)}.recommendation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.recommendation-title{display:flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--color-primary);text-transform:uppercase;font-size:var(--font-size-sm)}.bet-slips-count{background:#00ff851a;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-primary)}.bet-slip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.bet-slip-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);position:relative;overflow:hidden}.bet-slip-box.recommended{border-color:#00ff854d;box-shadow:0 0 15px #00ff850d}.bet-slip-type{font-size:11px;text-transform:uppercase;color:var(--color-text-muted);font-weight:600;margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-1)}.bet-slip-row{display:flex;justify-content:space-between;align-items:center}.bet-slip-selection{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-sm)}.bet-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);box-shadow:0 0 5px var(--color-primary)}.bet-probability{font-family:var(--font-family-mono);font-weight:700;color:var(--color-primary);font-size:var(--font-size-sm)}.bet-slip-combo{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-border-subtle);display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.combo-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase}.combo-signal{background:#00ff8514;color:var(--color-primary);font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid rgba(0,255,133,.2)}.standard-predictions-header{margin-top:var(--space-4);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border-subtle)}.bet-slip-grid.standard{gap:var(--space-3)}.bet-slip-box.standard{opacity:.9}.prediction-unavailable{background:#ff444414;border:1px solid rgba(255,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.prediction-unavailable-header{display:flex;align-items:center;gap:var(--space-3);color:var(--color-error);font-weight:700;font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.confidence-range{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted)}.win-probability-container{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-title{font-size:var(--font-size-lg);font-weight:700}.toggle-btn{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-xs);cursor:pointer;display:flex;align-items:center;gap:4px}.win-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-6)}.win-stat-box{background:var(--color-canvas);padding:var(--space-3);border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-border)}.win-stat-value{font-family:var(--font-family-mono);font-weight:700;font-size:var(--font-size-lg);color:var(--color-secondary)}.win-stat-value.highlight{color:var(--color-primary)}.market-summary-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.market-summary-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs)}.market-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;flex-shrink:0}.market-dot.green{background:var(--color-success);box-shadow:0 0 4px var(--color-success)}.market-dot.yellow{background:var(--color-warning)}.market-dot.orange{background:var(--color-tier-orange)}.market-dot.reject,.market-dot.red{background:var(--color-error)}.market-groups-container{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.market-category{display:flex;flex-direction:column;gap:var(--space-2)}.market-category-header{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.market-category-header.provider-header{color:var(--color-primary);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-2)}.market-pills-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.market-pill{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px 10px;font-size:11px;white-space:nowrap}.market-pill:hover{background:var(--color-canvas);border-color:var(--color-border-subtle)}.market-pill-name{color:var(--color-text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis}.market-pill-prob{font-family:var(--font-family-mono);font-weight:700}.market-pill-prob.green{color:var(--color-success)}.market-pill-prob.yellow{color:var(--color-warning)}.market-pill-prob.orange{color:var(--color-tier-orange)}.market-pill-prob.reject{color:var(--color-error)}.market-summary-badge{font-size:11px;color:var(--color-text-muted)}.provider-signals-section{margin-top:var(--space-2)}.signal-tier-group{margin-bottom:var(--space-3)}.signal-tier-label{font-size:11px;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.tier-legend{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.tier-legend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--color-text-muted)}.summary-box{background:var(--color-surface);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);padding:var(--space-5);margin-bottom:var(--space-4)}.summary-label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);text-transform:uppercase;margin-bottom:var(--space-2)}.summary-headline{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-3)}.summary-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.analysis-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.analysis-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:#ffffff05;cursor:pointer}.analysis-title{text-transform:uppercase;font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary);letter-spacing:1px}.confidence-badge{background:#00ff8526;color:var(--color-primary);padding:4px 12px;border-radius:12px;font-size:var(--font-size-xs);font-weight:600}.analysis-content{padding:var(--space-6)}.analysis-narrative{font-size:var(--font-size-sm);line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.key-factors-list{list-style:none;padding:0;margin-bottom:var(--space-6)}.key-factor-item{display:flex;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.strategy-title{font-size:var(--font-size-xs);font-weight:700;margin-bottom:var(--space-2);color:var(--color-text)}.strategy-title.away{color:var(--color-secondary)}.strategy-text{font-size:var(--font-size-xs);color:var(--color-text-muted)}.injury-box{border-left:3px solid var(--color-primary);background:linear-gradient(90deg,rgba(0,255,133,.05) 0%,transparent 100%);padding:var(--space-3);margin-bottom:var(--space-4)}.injury-title{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-1)}.injury-content{display:flex;flex-direction:column;gap:var(--space-2)}.injury-team{display:flex;gap:var(--space-2);font-size:var(--font-size-xs)}.injury-team-name{color:var(--color-text-muted);font-weight:600;min-width:100px}.injury-players{color:var(--color-warning)}.key-factors-list.risk .key-factor-item.risk{color:var(--color-text-muted)}.text-warning{color:var(--color-warning);margin-right:var(--space-2)}.h2h-box{border-left:3px solid var(--color-secondary);background:linear-gradient(90deg,rgba(255,77,77,.05) 0%,transparent 100%);padding:var(--space-3);margin-bottom:var(--space-4)}.h2h-title{font-size:var(--font-size-xs);font-weight:700;color:var(--color-secondary);margin-bottom:var(--space-2)}.h2h-stats{display:flex;gap:var(--space-4);font-size:var(--font-size-xs);margin-bottom:var(--space-2)}.h2h-stat{color:var(--color-text-muted)}.h2h-recent{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.h2h-result{font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600}.h2h-result.home{background:#00ff8533;color:var(--color-primary)}.h2h-result.away{background:#ff4d4d33;color:var(--color-secondary)}.h2h-result.draw{background:#ffffff1a;color:var(--color-text-muted)}.suggested-box{background:#00ff851a;border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.data-sources{border-top:1px solid var(--color-border);padding-top:var(--space-4);display:flex;justify-content:space-between;font-size:10px;color:var(--color-text-muted)}.stats-widget{position:fixed;right:0;top:50%;transform:translateY(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-right:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);display:flex;max-height:85vh}.stats-toggle{width:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;border-right:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2) 0}.stats-toggle:hover{background:var(--color-surface-elevated);color:var(--color-primary)}.stats-badge{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-primary);background:#00ff851a;padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm)}.stats-content{flex:1;padding:var(--space-3);overflow-y:auto;min-width:320px;display:flex;flex-direction:column;gap:var(--space-3)}.stats-loading{display:flex;flex-direction:column;gap:var(--space-2)}.stats-nav{display:flex;gap:var(--space-1);background:var(--color-canvas);padding:var(--space-1);border-radius:var(--radius-md)}.stats-nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.stats-nav-btn:hover{background:var(--color-surface-elevated);color:var(--color-text)}.stats-nav-btn--active{background:var(--color-surface-elevated);color:var(--color-primary);font-weight:600}.stats-tab-content{flex:1;overflow-y:auto}.stats-calculator-tabs{display:flex;gap:2px;margin-bottom:var(--space-3);background:var(--color-canvas);padding:2px;border-radius:var(--radius-sm)}.stats-tab{flex:1;padding:var(--space-2);background:transparent;border:none;color:var(--color-text-muted);font-size:10px;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.stats-tab:hover{color:var(--color-text)}.stats-tab--active{background:var(--color-primary);color:var(--color-text-on-primary);font-weight:600}.stats-calculator-form{display:flex;flex-direction:column;gap:var(--space-3)}.form-row{display:flex;gap:var(--space-2)}.form-group-half{flex:1}.stats-result{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--color-border)}.stats-result-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.stats-result-highlight{background:#00ff8514;margin:0 calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stats-result-note{font-size:10px;color:var(--color-text-muted);text-align:center;margin-top:var(--space-1)}.stats-warning{background:#ffb8001a;color:var(--color-warning);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-align:center}.stats-profile{display:flex;flex-direction:column;gap:var(--space-3)}.stats-profile-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.stats-profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-surface-elevated);border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.stats-profile-info{flex:1;display:flex;flex-direction:column}.stats-profile-name{font-weight:600;font-size:var(--font-size-sm)}.stats-profile-tier{font-size:var(--font-size-xs);color:var(--color-text-muted)}.stats-settings{background:var(--color-canvas);border-radius:var(--radius-md);padding:var(--space-3);overflow:hidden}.stats-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.stats-history{display:flex;flex-direction:column;gap:var(--space-3)}.stats-history-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:var(--font-size-sm)}.stats-history-loading{display:flex;flex-direction:column;gap:var(--space-2)}.stats-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center;color:var(--color-text-muted);gap:var(--space-2)}.stats-history-list{display:flex;flex-direction:column;gap:var(--space-2)}.stats-history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:var(--color-surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.stats-history-match{display:flex;flex-direction:column;gap:2px}.stats-history-teams{font-size:var(--font-size-xs);font-weight:500}.stats-history-date{font-size:10px;color:var(--color-text-muted)}.stats-history-result{display:flex;align-items:center;gap:var(--space-2)}.stats-history-outcome{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.stats-history-outcome--correct{background:#00ff8533;color:var(--color-success)}.stats-history-outcome--incorrect{background:#f443;color:var(--color-error)}.stats-history-outcome--pending{background:#ffffff1a;color:var(--color-text-muted)}.stats-history-score{font-family:var(--font-family-terminal);font-size:var(--font-size-xs)}.stats-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);margin-top:auto;color:var(--color-text-muted)}.stats-footer-text{white-space:nowrap;font-family:var(--font-family-mono);font-size:10px;line-height:1}.stats-footer-provider-group{display:flex;align-items:center;gap:var(--space-2)}.stats-footer-provider-name{font-family:var(--font-family-mono);font-size:13px;line-height:1}.stats-footer-logo{width:45px;height:45px;overflow:hidden;display:flex;align-items:center;justify-content:center}.stats-footer-logo-img{width:100%;height:100%;object-fit:contain;filter:grayscale(50%);transition:filter var(--transition-fast)}.stats-footer-logo-img:hover{filter:grayscale(0%)}@media(max-width:768px){.stats-widget{top:auto;bottom:0;transform:none;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-right:1px solid var(--color-border);border-bottom:none;height:70vh;flex-direction:column}.stats-toggle{width:100%;height:40px;flex-direction:row;border-right:none;border-bottom:1px solid var(--color-border)}.stats-badge{writing-mode:horizontal-tb;transform:none;margin:0 var(--space-2)}.stats-profile-stats{grid-template-columns:repeat(3,1fr)}}.top-predictions-report{display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-6)}.top-predictions-section{display:flex;flex-direction:column;gap:var(--space-4)}.top-predictions-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.top-predictions-icon{font-size:var(--font-size-2xl)}.top-predictions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.top-prediction-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-fast)}.top-prediction-card:hover{border-color:var(--color-border-subtle);transform:translateY(-2px);box-shadow:var(--shadow-md)}.top-prediction-card--featured{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(0,255,133,.05) 100%)}.top-prediction-header{display:flex;justify-content:space-between;align-items:flex-start}.top-prediction-meta{display:flex;flex-direction:column;gap:2px}.top-prediction-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.top-prediction-competition{font-size:10px;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.top-prediction-tier{padding:2px 8px;border:1px solid;border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase}.top-prediction-teams{display:flex;align-items:center;gap:var(--space-2)}.top-prediction-team{flex:1;display:flex;flex-direction:column;gap:2px}.top-prediction-team--winner .top-prediction-team-name{color:var(--color-primary);font-weight:700}.top-prediction-team-name{font-size:var(--font-size-sm);font-weight:500}.top-prediction-team-prob{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-muted)}.top-prediction-vs{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;padding:var(--space-1) var(--space-2);background:var(--color-canvas);border-radius:var(--radius-sm)}.top-prediction-bar{display:flex;height:6px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-canvas)}.top-prediction-bar-segment{transition:width .35s ease}.top-prediction-bar-home{background:var(--color-home-win)}.top-prediction-bar-draw{background:var(--color-draw)}.top-prediction-bar-away{background:var(--color-away-win)}.top-prediction-stats{display:flex;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--color-border)}.top-prediction-stat{flex:1;display:flex;flex-direction:column;gap:2px;text-align:center}.top-prediction-stat-label{font-size:9px;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px}.top-prediction-stat-value{font-size:var(--font-size-xs);font-family:var(--font-family-mono);font-weight:600}.top-prediction-recommendation{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:#00ff850d;border-radius:var(--radius-sm)}.top-prediction-rec-label{font-size:9px;text-transform:uppercase;color:var(--color-primary);font-weight:600}.top-prediction-slips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.top-prediction-slip{font-size:11px;padding:2px 6px;background:var(--color-surface-elevated);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.top-prediction-narrative{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5;border-top:1px dashed var(--color-border);padding-top:var(--space-2);margin-top:var(--space-1)}.top-predictions-loading{display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-title{height:28px;width:240px}.skeleton-card{height:200px;width:100%}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.skeleton-card-small{height:160px}.top-predictions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--color-text-muted);gap:var(--space-4)}.top-predictions-empty h3{font-size:var(--font-size-lg);color:var(--color-text)}.top-predictions-empty p{font-size:var(--font-size-sm)}@media(max-width:768px){.top-predictions-grid,.skeleton-grid{grid-template-columns:1fr}}.subscription-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.subscription-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:var(--space-6)}.subscription-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);transition:color var(--transition-fast)}.subscription-modal-close:hover{color:var(--color-text)}.subscription-modal-header{text-align:center;margin-bottom:var(--space-6)}.subscription-modal-header h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-2)}.subscription-modal-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.subscription-billing-toggle{display:inline-flex;gap:var(--space-2);margin-top:var(--space-4);background:var(--color-canvas);padding:var(--space-1);border-radius:var(--radius-md)}.subscription-billing-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.subscription-billing-btn:hover{color:var(--color-text)}.subscription-billing-btn.active{background:var(--color-surface-elevated);color:var(--color-primary);font-weight:600}.subscription-billing-badge{background:#00ff8526;color:var(--color-primary);padding:2px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:600}.subscription-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.subscription-tier{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;position:relative;transition:all var(--transition-fast)}.subscription-tier:hover{border-color:var(--color-border-subtle)}.subscription-tier--highlighted{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary)}.subscription-tier--selected{border-color:var(--color-secondary);box-shadow:var(--shadow-glow-secondary)}.subscription-tier-badge{position:absolute;top:calc(-1 * var(--space-3));left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase}.subscription-tier-name{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-3);text-align:center}.subscription-tier-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-4)}.subscription-tier-price-value{font-size:var(--font-size-3xl);font-weight:700;font-family:var(--font-family-mono);color:var(--color-primary)}.subscription-tier-price-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.subscription-tier-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5);flex:1}.subscription-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.subscription-feature--excluded{color:var(--color-text-muted);text-decoration:line-through;opacity:.6}.subscription-feature-icon{flex-shrink:0}.subscription-feature-name{flex:1}.subscription-feature-value{color:var(--color-primary);font-weight:600;font-size:var(--font-size-xs)}.subscription-tier-cta{width:100%;padding:var(--space-3);background:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.subscription-tier-cta:hover:not(:disabled){background:var(--color-primary-dim);transform:translateY(-1px);box-shadow:var(--shadow-glow-primary)}.subscription-tier-cta--current{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:default}.subscription-tier-cta--current:hover{background:var(--color-surface);transform:none;box-shadow:none}.subscription-modal-footer{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2)}.subscription-modal-footer p{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:900px){.subscription-tiers{grid-template-columns:1fr;max-width:400px;margin:0 auto var(--space-6)}.subscription-tier--highlighted{order:-1}}@media(max-width:480px){.subscription-modal{padding:var(--space-4);max-height:95vh;margin:var(--space-2);width:calc(100% - var(--space-4))}.subscription-modal-header h2{font-size:var(--font-size-xl)}.subscription-billing-toggle{flex-direction:column;width:100%}.subscription-billing-btn{width:100%;justify-content:center}}.landing-page{min-height:100vh;display:flex;flex-direction:column}.landing-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-6);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-canvas) 100%)}.landing-hero-content{max-width:800px}.landing-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8)}.landing-logo-icon{width:84px;height:84px}.landing-logo-text{font-size:var(--font-size-3xl);font-weight:700}.landing-title{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:var(--space-4)}.landing-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-8);line-height:1.6}.landing-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.landing-features{padding:var(--space-12) var(--space-6);background:var(--color-surface)}.landing-features-content{max-width:1200px;margin:0 auto}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.landing-feature-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.landing-feature-icon{width:40px;height:40px;color:var(--color-secondary)}.landing-feature-title{font-size:var(--font-size-lg);font-weight:700}.landing-feature-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.landing-footer{padding:var(--space-3) var(--space-6);background:var(--color-surface);border-top:1px solid var(--color-border);text-align:center}.landing-footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.landing-footer-links{display:flex;gap:var(--space-6)}.landing-footer-links a{color:var(--color-text-muted);font-size:var(--font-size-sm)}.landing-footer-links a:hover{color:var(--color-primary)}.landing-footer-copy{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:1024px){.landing-metrics-grid,.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-title{font-size:2rem}.landing-metrics-grid,.landing-features-grid{grid-template-columns:1fr}}.landing-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-6);width:100%;max-width:600px}.landing-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.landing-stat-value{font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-family-mono);color:var(--color-primary)}.landing-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.landing-hero-stats{grid-template-columns:repeat(2,1fr);max-width:100%}}.landing-stats-loading,.landing-stats-error{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-4)}.landing-section{padding:var(--space-12) var(--space-6);max-width:1200px;margin:0 auto}.landing-section-alt{background:var(--color-surface);max-width:100%;padding:var(--space-12) var(--space-6)}.landing-section-alt>*{max-width:1200px;margin-left:auto;margin-right:auto}.landing-section-title{font-size:var(--font-size-2xl);font-weight:700;text-align:center;margin-bottom:var(--space-4)}.landing-section-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.landing-tier-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast);cursor:pointer}.landing-tier-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary);transform:scale(1.05)}.landing-tier-name{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text)}.landing-tier-price{font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-family-mono);color:var(--color-primary)}.landing-tier-limit{font-size:var(--font-size-xs);color:var(--color-text-muted)}.landing-tiers-row{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);flex-wrap:wrap;max-width:1200px;margin:0 auto}.landing-tiers-row .landing-tier-card{min-width:100px;flex:0 1 auto}.landing-providers-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6)}.landing-row-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.landing-providers-inline{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-3);max-width:1200px;margin:0 auto;justify-items:center}.landing-provider-logo-inline{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.landing-provider-logo-inline:hover{filter:brightness(1.2);box-shadow:var(--shadow-glow-primary)}@media(max-width:768px){.landing-tiers-row{gap:var(--space-2)}.landing-tiers-row .landing-tier-card{min-width:80px;padding:var(--space-2)}.landing-tiers-row .landing-tier-name{font-size:var(--font-size-xs)}.landing-tiers-row .landing-tier-price{font-size:var(--font-size-sm)}.landing-tiers-row .landing-tier-limit{font-size:10px}}@media(max-width:1200px){.landing-providers-inline{grid-template-columns:repeat(8,1fr)}}@media(max-width:768px){.landing-providers-inline{grid-template-columns:repeat(6,1fr);gap:var(--space-2)}.landing-provider-logo-inline{width:40px;height:40px}}@media(max-width:480px){.landing-providers-inline{grid-template-columns:repeat(4,1fr)}}.landing-cta-section{padding:var(--space-6) var(--space-6);background:transparent;text-align:center}.landing-cta-content{max-width:600px;margin:0 auto}.landing-cta-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-3)}.landing-cta-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.landing-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.landing-metric{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.landing-metric-value{font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-family-mono);color:var(--color-secondary)}.landing-metric-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.landing-logo-img{width:76px;height:76px;object-fit:contain}.loading-app{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:var(--font-size-lg);color:var(--color-text-muted)}.admin-layout{min-height:100vh;background:var(--color-canvas);display:flex;flex-direction:column}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.admin-header-left,.admin-header-right{display:flex;align-items:center;gap:var(--space-4)}.admin-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.admin-icon{font-size:var(--font-size-xl)}.admin-body{display:flex;flex:1}.rbac-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.rbac-azure{background:#00ff851a;border:1px solid var(--color-primary-dim)}.rbac-local{background:#ffb8001a;border:1px solid var(--color-warning)}.rbac-dot{width:8px;height:8px;border-radius:50%}.rbac-azure .rbac-dot{background:var(--color-primary)}.rbac-local .rbac-dot{background:var(--color-warning)}.rbac-warning{color:var(--color-warning);font-size:var(--font-size-2xs)}.admin-sidebar{width:220px;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-4) 0;transition:width .2s ease;display:flex;flex-direction:column}.admin-sidebar.collapsed{width:60px}.sidebar-toggle{background:none;border:none;color:var(--color-text-muted);padding:var(--space-2);cursor:pointer;align-self:flex-end;margin-right:var(--space-2);margin-bottom:var(--space-2)}.sidebar-toggle:hover{color:var(--color-text-primary)}.admin-nav{list-style:none;padding:0;margin:0}.admin-nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;text-align:left;font-size:var(--font-size-sm)}.admin-nav-item:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}.admin-nav-item.active{background:#00ff851a;color:var(--color-primary);border-left:3px solid var(--color-primary)}.nav-icon{font-size:var(--font-size-lg);width:24px;text-align:center}.admin-content{flex:1;padding:var(--space-6);overflow-y:auto}.admin-page-container{max-width:1200px}.admin-page{display:flex;flex-direction:column;gap:var(--space-6)}.page-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0}.section-title{font-size:var(--font-size-md);font-weight:500;color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.admin-warning-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffb8001a;border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--font-size-sm)}.admin-error,.admin-error-box{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ff44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.action-result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.action-result.success{background:#00ff851a;border:1px solid var(--color-success);color:var(--color-success)}.action-result.error{background:#ff44441a;border:1px solid var(--color-error);color:var(--color-error)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.kpi-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.kpi-icon{font-size:var(--font-size-lg)}.kpi-title{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-family-mono);color:var(--color-text-primary)}.kpi-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.kpi-trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);margin-top:var(--space-2)}.kpi-trend.trend-up{color:var(--color-success)}.kpi-trend.trend-down{color:var(--color-error)}.dashboard-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.status-indicators{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.status-item{display:flex;align-items:center;gap:var(--space-3)}.status-dot{width:10px;height:10px;border-radius:50%}.status-ok .status-dot{background:var(--color-success)}.status-warn .status-dot{background:var(--color-warning)}.status-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status-value{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-left:auto}.tier-distribution{display:flex;flex-direction:column;gap:var(--space-3)}.tier-bar-item{display:grid;grid-template-columns:100px 1fr 60px;align-items:center;gap:var(--space-3)}.tier-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:capitalize}.tier-bar{height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.tier-bar-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.tier-count{font-size:var(--font-size-sm);font-family:var(--font-family-mono);color:var(--color-text-primary);text-align:right}.filters-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.filter-select{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer}.filter-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.data-table-container{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--color-surface-elevated);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--color-surface-elevated)}.data-table tr.selected{background:#00ff850d}.email-cell{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.date-cell{font-size:var(--font-size-xs);color:var(--color-text-muted)}.id-cell{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.amount-cell{font-family:var(--font-family-mono);font-weight:500}.actions-cell{display:flex;gap:var(--space-2)}.role-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.role-admin{background:#ff00991a;color:var(--color-accent)}.role-moderator{background:#1e90ff1a;color:var(--color-secondary)}.role-user{background:var(--color-surface-elevated);color:var(--color-text-muted)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.status-active{background:#00ff851a;color:var(--color-success)}.status-suspended{background:#ffb8001a;color:var(--color-warning)}.status-banned{background:#ff44441a;color:var(--color-error)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4)}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content.modal-lg{max-width:700px}.modal-content h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.auth-modal{max-width:520px;display:flex;flex-direction:column;gap:var(--space-4)}.auth-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.auth-modal-header h3{margin:0}.auth-modal-subtitle{margin:var(--space-2) 0 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);background:var(--color-surface-elevated);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border)}.auth-tab{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-weight:600;cursor:pointer}.auth-tab.active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-form .form-group{margin-bottom:0}.auth-divider{display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--space-2) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:#ff44441a;color:var(--color-error);font-size:var(--font-size-sm)}.auth-signup{display:flex;flex-direction:column;gap:var(--space-4)}.auth-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.auth-footer{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:var(--space-2) var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.code-textarea{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.tabs-bar{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.tab{padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.category-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.category-tab{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease}.category-tab:hover{background:var(--color-surface-elevated)}.category-tab.active{background:#00ff851a;border-color:var(--color-primary);color:var(--color-primary)}.config-grid{display:flex;flex-direction:column;gap:var(--space-6)}.config-category{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.category-title{font-size:var(--font-size-md);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2)}.config-items{display:flex;flex-direction:column;gap:var(--space-3)}.config-item{padding:var(--space-3);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.config-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.config-key{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-secondary)}.secret-badge{font-size:var(--font-size-xs)}.config-description{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.config-value-row{display:flex;align-items:center;gap:var(--space-2)}.config-value{flex:1;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.config-edit{display:flex;flex-direction:column;gap:var(--space-2)}.config-input{padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.config-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.actions-bar{display:flex;gap:var(--space-3);flex-wrap:wrap}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.tier-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.tier-card.tier-inactive{opacity:.6}.tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.tier-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.tier-status{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.tier-status.active{background:#00ff851a;color:var(--color-success)}.tier-status.inactive{background:var(--color-surface-elevated);color:var(--color-text-muted)}.tier-pricing{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.price-item{display:flex;flex-direction:column;gap:var(--space-1)}.price-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.price-value{font-size:var(--font-size-xl);font-weight:600;font-family:var(--font-family-mono);color:var(--color-primary)}.price-savings{font-size:var(--font-size-2xs);color:var(--color-success)}.tier-features h4{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.tier-features ul{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.feature-icon{width:16px;text-align:center}.feature-value{margin-left:auto;font-family:var(--font-family-mono);color:var(--color-text-muted)}.tier-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3)}.provider-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.provider-card.healthy{border-left:2px solid var(--color-success)}.provider-card.unhealthy{border-left:2px solid var(--color-error)}.provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.provider-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.health-badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.health-badge.healthy{background:#00ff851a;color:var(--color-success)}.health-badge.unhealthy{background:#ff44441a;color:var(--color-error)}.provider-stats{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.stat-row{display:flex;justify-content:space-between;font-size:var(--font-size-xs)}.stat-label{color:var(--color-text-muted)}.stat-value{color:var(--color-text-primary);font-family:var(--font-family-mono)}.text-success{color:var(--color-success)!important}.text-error{color:var(--color-error)!important}.quota-bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-1) 0}.quota-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.stats-section{padding:var(--space-2);background:var(--color-surface-elevated);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.stats-section h4{font-size:var(--font-size-2xs);color:var(--color-text-muted);margin:0 0 var(--space-1) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);margin-bottom:var(--space-2)}.mini-stat{text-align:center}.mini-stat-value{display:block;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family-mono);color:var(--color-text-primary)}.mini-stat-label{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.error-rate-bar{display:flex;align-items:center;gap:var(--space-2)}.error-rate-label{font-size:var(--font-size-xs);color:var(--color-text-muted);width:70px}.error-rate-track{flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.error-rate-fill{height:100%;border-radius:var(--radius-full)}.error-rate-value{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary);width:40px;text-align:right}.provider-actions{margin-top:var(--space-3)}.test-result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.test-result.success{background:#00ff851a;border:1px solid var(--color-success)}.test-result.error{background:#ff44441a;border:1px solid var(--color-error)}.metrics-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.volume-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.volume-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.volume-value{font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-family-mono);color:var(--color-primary)}.volume-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.tier-accuracy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.tier-accuracy-card{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.tier-indicator{width:4px;border-radius:var(--radius-full)}.tier-content{flex:1}.tier-content h4{font-size:var(--font-size-sm);margin:0 0 var(--space-3) 0}.tier-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-3)}.tier-stat{text-align:center}.tier-stat .stat-value{display:block;font-size:var(--font-size-md);font-weight:600}.tier-stat .stat-value.accuracy{font-size:var(--font-size-lg)}.tier-stat .stat-label{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.accuracy-bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.accuracy-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.competition-table-container{overflow-x:auto}.inline-accuracy-bar{width:100px;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.inline-accuracy-fill{height:100%;border-radius:var(--radius-full)}.storage-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.database-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.db-stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.db-stat-icon{font-size:var(--font-size-xl)}.db-stat-value{font-size:var(--font-size-lg);font-weight:600;font-family:var(--font-family-mono);color:var(--color-text-primary)}.db-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.db-stat-detail{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.db-path{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.path-label{color:var(--color-text-muted)}.path-value{font-family:var(--font-family-mono);color:var(--color-text-secondary)}.vector-status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.vector-status.configured{border-left:3px solid var(--color-success)}.vector-status.not-configured{border-left:3px solid var(--color-warning)}.status-url{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.table-stat-card{padding:var(--space-3);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.table-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.table-icon{font-size:var(--font-size-sm)}.table-name{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-count{display:flex;align-items:baseline;gap:var(--space-1)}.count-value{font-size:var(--font-size-lg);font-weight:600;font-family:var(--font-family-mono);color:var(--color-text-primary)}.count-label{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.maintenance-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.action-card{padding:var(--space-4);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.action-card h4{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.action-card p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--space-3) 0}.admin-skeleton,.skeleton-card{padding:var(--space-4)}@media(max-width:768px){.admin-sidebar{width:60px}.admin-sidebar .nav-label{display:none}.admin-content{padding:var(--space-4)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.form-row,.volume-stats{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.cart-page{min-height:100vh;padding:var(--space-6);max-width:1200px;margin:0 auto}.cart-back-btn{margin-bottom:var(--space-4)}.cart-loading,.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12);gap:var(--space-4)}.cart-loading .spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cart-sales-disabled{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12);gap:var(--space-4);max-width:500px;margin:var(--space-12) auto;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.sales-disabled-icon{font-size:4rem;line-height:1}.cart-sales-disabled h2{font-size:var(--font-size-2xl);color:var(--color-text)}.cart-sales-disabled p{color:var(--color-text-secondary);line-height:1.6}.sales-disabled-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--space-8);align-items:start}@media(max-width:960px){.cart-layout{grid-template-columns:1fr}.cart-summary{order:-1}}.cart-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);position:sticky;top:var(--space-6)}.cart-summary h2{font-size:var(--font-size-lg);margin-bottom:var(--space-4);color:var(--color-text)}.cart-summary-tier{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.cart-summary-tier h3{font-size:var(--font-size-xl);font-weight:600}.cart-summary-badge{font-size:var(--font-size-xs);background:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500}.cart-summary-features{list-style:none;margin:0 0 var(--space-4) 0;padding:0}.cart-summary-features li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cart-summary-features .feature-value{margin-left:auto;color:var(--color-text);font-weight:500}.cart-summary-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--space-4);border-top:1px solid var(--color-border);font-weight:600}.cart-total-price{font-size:var(--font-size-2xl);color:var(--color-primary);font-family:var(--font-family-terminal)}.cart-total-price small{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:400}.cart-summary-savings{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:#00ff851a;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-success);text-align:center}.cart-form-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.cart-form-container h2{font-size:var(--font-size-xl);margin-bottom:var(--space-5);color:var(--color-text)}.cart-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ff44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.cart-error p{flex:1;margin:0}.cart-form{display:flex;flex-direction:column;gap:var(--space-5)}.cart-fieldset{border:none;padding:0;margin:0}.cart-fieldset legend{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3);padding:0}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-row-3{grid-template-columns:1fr 1fr 1fr}@media(max-width:600px){.form-row,.form-row-3{grid-template-columns:1fr}}.form-group{margin-bottom:var(--space-3)}.form-error{display:block;font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-1)}.input-error{border-color:var(--color-error)!important}.payment-providers{display:flex;flex-direction:column;gap:var(--space-3)}.payment-provider{display:flex;align-items:center;padding:var(--space-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.payment-provider:hover{border-color:var(--color-border-subtle)}.payment-provider.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #00ff851a}.payment-provider input{margin-right:var(--space-3);accent-color:var(--color-primary)}.payment-provider-content{display:flex;align-items:center;gap:var(--space-3);flex:1}.payment-provider .provider-logo{font-size:1.5rem}.payment-provider .provider-name{font-weight:500;color:var(--color-text)}.payment-provider .provider-badge{margin-left:auto;font-size:var(--font-size-xs);background:var(--color-secondary);color:var(--color-text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.cart-no-providers{padding:var(--space-4);text-align:center;color:var(--color-text-muted)}.cart-consent{display:flex;flex-direction:column;gap:var(--space-3)}.form-checkbox{display:flex;align-items:flex-start;gap:var(--space-3)}.form-checkbox input{margin-top:4px;accent-color:var(--color-primary)}.form-checkbox label{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.form-checkbox a{color:var(--color-primary);text-decoration:underline}.cart-submit{width:100%;margin-top:var(--space-2)}.cart-submit .spinner-sm{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:var(--color-text-on-primary);border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--space-2)}.cart-secure-notice{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-3)}.btn-icon{padding:var(--space-2);min-width:auto}