@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-primary:#0a0f1d;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--surface:#0f172a73;--surface-hover:#1e293b99;--surface-card:#0f172a99;--border:#94a3b814;--border-hover:#94a3b826;--border-active:#3b82f659;--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--accent-blue-glow:#3b82f626;--accent-indigo:#6366f1;--accent-indigo-hover:#4f46e5;--accent-emerald:#10b981;--accent-emerald-glow:#10b9811f;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e1a;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b1a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 80% 20%,#3b82f60d 0%,#0000 50%),radial-gradient(circle at 10% 80%,#6366f10a 0%,#0000 50%);width:100vw;height:100vh;position:fixed;top:0;left:0}::-webkit-scrollbar{width:8px;height:22px;box-shadow:inset 0 2px 4px #0000004d}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.app-layout{width:100%;min-height:100vh;display:flex}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border);z-index:100;width:250px;transition:var(--transition-smooth);flex-direction:column;padding:2rem 1.5rem;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{flex-direction:column;margin-bottom:3rem;padding-left:.5rem;display:flex}.logo-text{letter-spacing:-.05em;background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-indigo) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:900}.logo-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-top:.2rem;font-size:.7rem;font-weight:600}.sidebar-nav{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.95rem;font-weight:500;display:flex}.nav-item-icon{width:20px;height:20px;color:var(--text-muted);transition:var(--transition-smooth)}.nav-item:hover{background-color:var(--surface-hover);color:var(--text-primary);border-color:var(--border)}.nav-item:hover .nav-item-icon{color:var(--accent-blue)}.nav-item.active{color:var(--accent-blue);background-color:#3b82f614;border-color:#3b82f626;font-weight:600}.nav-item.active .nav-item-icon{color:var(--accent-blue)}.sidebar-status{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding-top:1.5rem;display:flex}.status-row{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.8rem;display:flex}.status-indicator{position:relative;aspect-ratio:1!important;box-sizing:border-box!important;border-radius:50%!important;flex-shrink:0!important;width:8px!important;min-width:8px!important;height:8px!important;min-height:8px!important;display:inline-block!important}.status-indicator.online{background-color:var(--accent-emerald)}.status-indicator.online:after{content:"";animation:2s infinite pulse;position:absolute;top:-2px;left:-2px;aspect-ratio:1!important;border:1px solid var(--accent-emerald)!important;box-sizing:border-box!important;border-radius:50%!important;width:12px!important;min-width:12px!important;height:12px!important;min-height:12px!important}.status-indicator.offline{background-color:var(--text-dim)}.status-text{font-weight:500}.status-text.quota{font-family:var(--font-mono);color:var(--text-muted)}.main-content{flex-grow:1;width:calc(100% - 250px);margin-left:250px;padding:3rem 4rem}.content-header{justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;display:flex}.content-header h1{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.3rem;font-size:2.2rem;font-weight:800}.content-header p{color:var(--text-secondary);font-size:.95rem}.controls-bar{background:var(--surface-card);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:1.25rem 2rem;display:inline-flex}.sorting-group{border-left:1px solid var(--border);padding-left:2rem}.sort-buttons-container{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:12px;gap:.35rem;padding:.25rem;display:flex}.sort-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;display:flex}.sort-btn-icon{width:14px;height:14px;color:var(--text-muted);transition:var(--transition-fast)}.sort-btn:hover{color:var(--text-primary)}.sort-btn.active{background-color:var(--bg-tertiary);color:var(--accent-blue);box-shadow:0 2px 8px #00000026}.sort-btn.active .sort-btn-icon{color:var(--accent-blue)}.control-group{flex-direction:column;gap:.5rem;display:flex}.control-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.bankroll-input-wrapper{align-items:center;display:flex;position:relative}.bankroll-symbol{color:var(--text-muted);font-family:var(--font-mono);pointer-events:none;font-weight:600;position:absolute;left:1rem}select,input[type=number],input[type=text]{background-color:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);width:150px;transition:var(--transition-smooth);border-radius:12px;outline:none;padding:.65rem 1rem .65rem 2rem;font-size:.95rem;font-weight:600}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select:focus,input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.panel{background-color:var(--surface-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);transition:var(--transition-smooth);border-radius:16px;padding:1.75rem}.panel:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 10px 30px -10px #00000080}.stats-ribbon{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}.stats-ribbon .stat-card{background:var(--surface-card);border:1px solid var(--border);transition:var(--transition-smooth);border-radius:16px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.stats-ribbon .stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-icon-wrapper{width:44px;height:44px;color:var(--accent-blue);background-color:#3b82f614;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon-wrapper.success{color:var(--accent-emerald);background-color:#10b98114}.stat-icon-wrapper.warning{color:var(--accent-amber);background-color:#f59e0b14}.stat-icon-wrapper.danger{color:var(--accent-rose);background-color:#f43f5e14}.stat-icon{width:22px;height:22px}.stat-info{flex-direction:column;display:flex}.stat-card .stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.6rem;font-weight:700;line-height:1.1}.stat-card .stat-value.positive{color:var(--accent-emerald)}.stat-card .stat-value.negative{color:var(--accent-rose)}.stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-top:.25rem;font-size:.72rem;font-weight:600}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.match-card{border:1px solid var(--border);flex-direction:column;display:flex}.match-card.is-value{border-left:4px solid var(--accent-emerald);box-shadow:inset 4px 0 24px #10b98105}.match-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.teams{color:var(--text-primary);flex-direction:column;gap:.2rem;max-width:70%;font-size:1.15rem;font-weight:700;display:flex}.vs-divider{text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:500}.match-badges{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.league-badge{text-transform:uppercase;background-color:var(--bg-tertiary);color:var(--text-secondary);letter-spacing:.03em;border-radius:6px;padding:.25rem .65rem;font-size:.65rem;font-weight:700}.countdown-badge{color:var(--accent-amber);font-size:.65rem;font-weight:600;font-family:var(--font-mono);background-color:#f59e0b14;border:1px solid #f59e0b26;border-radius:6px;padding:.15rem .5rem}.match-info-grid{border:1px solid var(--border);background-color:#0f172a40;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:.2rem;margin-bottom:1rem;padding:.6rem;display:grid}.match-info-item{text-align:center}.match-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem;font-size:.58rem;font-weight:700}.match-info-value{color:var(--text-secondary);font-size:.75rem;font-weight:600}.elo-grid{border:1px solid var(--border);background-color:#0f172a40;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:.2rem;margin-bottom:1rem;padding:.6rem;display:grid}.elo-item{text-align:center}.elo-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem;font-size:.58rem;font-weight:700}.elo-value{font-family:var(--font-mono);color:var(--text-primary);font-size:.8rem;font-weight:600}.elo-item.favorite{border-left:1px solid var(--border);border-right:1px solid var(--border)}.favorite-value{color:var(--accent-amber);white-space:nowrap;text-overflow:ellipsis;max-width:95px;margin:0 auto;font-size:.7rem;font-weight:700;overflow:hidden}.odds-favorite-banner{text-align:center;grid-column:1/-1;font-size:.7rem}.banner-label{color:var(--text-muted);margin-right:.3rem;font-weight:500}.banner-value{color:var(--accent-amber);font-weight:700;font-family:var(--font-mono)}.odds-source{color:var(--text-muted);align-items:center;gap:.35rem;margin-bottom:.75rem;font-size:.65rem;display:flex}.source-dot{background-color:var(--accent-blue);border-radius:50%;width:5px;height:5px}.odds-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;padding:.85rem 0;display:grid}.odds-item{text-align:center}.odds-label{color:var(--text-muted);margin-bottom:.2rem;font-size:.65rem;font-weight:500}.odds-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.15rem;font-weight:700}.prob-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem;font-size:.78rem;font-weight:600}.probability-bar-container{border:1px solid var(--border);background-color:#0f172a80;border-radius:12px;height:22px;margin-bottom:1.25rem;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.prob-segment{color:#fff;text-shadow:0 1px 2px #000c;height:100%;font-size:.8rem;font-weight:800;font-family:var(--font-mono);justify-content:center;align-items:center;transition:width .6s;display:flex}.prob-h{background:linear-gradient(90deg,#3b82f6,#6366f1)}.prob-d{background:#475569}.prob-a{background:linear-gradient(90deg,#f43f5e,#ec4899)}.comparison-table{border:1px solid var(--border);background-color:#0f172a26;border-radius:12px;margin-bottom:1.25rem;overflow:hidden}.comparison-row{border-bottom:1px solid var(--border);grid-template-columns:85px repeat(3,1fr);display:grid}.comparison-row:last-child{border-bottom:none}.comparison-row.comparison-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:#0f172a4d;padding:.35rem .5rem;font-size:.6rem;font-weight:700}.comparison-row:not(.comparison-header){padding:.45rem .5rem;font-size:.72rem}.comparison-cell{text-align:center}.comparison-cell:first-child{text-align:left;font-weight:600}.comparison-cell.label-ia{color:var(--accent-blue)}.comparison-cell.label-market{color:var(--text-secondary)}.comparison-cell.label-diff{color:var(--text-primary)}.comparison-cell.value{font-family:var(--font-mono);font-weight:500}.diff-row{background-color:#0f172a1a}.diff-positive{color:var(--accent-emerald);font-weight:700!important}.diff-negative{color:var(--accent-rose)}.diff-neutral{color:var(--text-muted)}.suggestion-box{border:1px solid #0000;border-radius:12px;margin-top:auto;padding:1.2rem}.suggestion-box.value-bet{background-color:var(--accent-emerald-glow);border-color:#10b98126}.suggestion-box.no-bet{border-color:var(--border);background-color:#0f172a4d}.suggestion-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.signal-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.65rem;font-weight:700;display:inline-flex}.signal-badge.high{color:var(--accent-emerald);background-color:#10b98126}.signal-badge.medium{color:var(--accent-amber);background-color:#f59e0b26}.signal-badge.low{color:var(--accent-indigo);background-color:#6366f126}.signal-badge.none{color:var(--text-muted);background-color:#94a3b814}.signal-pulse{background-color:currentColor;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-ring;display:inline-block}.bet-amount{font-family:var(--font-mono);color:var(--accent-emerald);font-size:1.3rem;font-weight:700}.no-bet .bet-amount{color:var(--text-muted)}.bet-target{margin-bottom:.75rem}.bet-target-label{color:var(--text-secondary);font-size:.68rem;font-weight:700;display:block}.bet-target-selection{color:var(--text-primary);font-size:.95rem;font-weight:800}.bet-details{border-top:1px solid #10b9811a;grid-template-columns:repeat(2,1fr);gap:.5rem 1rem;padding-top:.65rem;display:grid}.detail-item{justify-content:space-between;align-items:center;font-size:.68rem;display:flex}.detail-label{color:var(--text-secondary)}.detail-value{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.detail-value.edge-val{color:var(--accent-emerald)}.no-bet-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:600}.no-bet-disclaimer{color:var(--text-muted);margin-bottom:.6rem;font-size:.65rem;line-height:1.3}.no-bet-grid{background-color:#0f172a33;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:.4rem;margin-bottom:.5rem;padding:.5rem;display:grid}.no-bet-grid-item{justify-content:space-between;font-size:.68rem;display:flex}.grid-label{color:var(--text-muted)}.grid-value{color:var(--text-secondary);font-weight:600;font-family:var(--font-mono)}.filter-warning{color:var(--accent-rose);text-align:center;font-size:.58rem;font-weight:500}.backtest-panel{max-width:1100px;margin:0 auto}.backtest-description{color:var(--text-secondary);text-align:center;max-width:700px;margin:.5rem auto 2.5rem;font-size:.95rem}.backtest-controls{background:var(--surface-card);border:1px solid var(--border);border-radius:16px;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1.5rem 2.5rem;display:flex}.backtest-actions-group{justify-content:center;gap:1.25rem;margin-bottom:2.5rem;display:flex}.backtest-btn{font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:12px;outline:none;align-items:center;gap:.6rem;padding:.85rem 2rem;font-size:.92rem;font-weight:700;display:inline-flex}.backtest-btn.primary{background:linear-gradient(135deg, var(--accent-emerald) 0%, #059669 100%);color:#042f1a;box-shadow:0 4px 14px #10b98133}.backtest-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#10b981 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.backtest-btn.secondary{background-color:var(--surface-card);border:1px solid var(--border);color:var(--text-primary)}.backtest-btn.secondary:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--text-muted);transform:translateY(-2px)}.backtest-btn:disabled{opacity:.45;cursor:not-allowed}.btn-icon{width:18px;height:18px}.spinner-mini{border:2px solid;border-bottom-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;display:inline-block}.backtest-error{background-color:var(--accent-rose-glow);color:var(--accent-rose);border:1px solid #f43f5e26;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;display:flex}.alert-icon{flex-shrink:0;width:20px;height:20px}.backtest-verdict{border:1px solid #0000;border-radius:16px;gap:1.5rem;margin-bottom:2.5rem;padding:1.75rem;display:flex}.backtest-verdict.positive{background-color:var(--accent-emerald-glow);border-color:#10b98126}.backtest-verdict.negative{background-color:var(--accent-rose-glow);border-color:#f43f5e26}.verdict-icon-container{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.backtest-verdict.positive .verdict-icon-container{color:var(--accent-emerald);background-color:#10b98126}.backtest-verdict.negative .verdict-icon-container{color:var(--accent-rose);background-color:#f43f5e26}.verdict-svg{width:24px;height:24px}.verdict-content h3{margin-bottom:.35rem;font-size:1.15rem;font-weight:700}.backtest-verdict.positive h3{color:var(--accent-emerald)}.backtest-verdict.negative h3{color:var(--accent-rose)}.verdict-content p{color:var(--text-secondary);font-size:.88rem;line-height:1.45}.bets-table-container{background-color:var(--surface-card);border:1px solid var(--border);border-radius:16px;padding:1rem 0;overflow:hidden}.bets-table-container .section-title{padding:.5rem 1.75rem 1rem}.table-responsive{width:100%;overflow-x:auto}.bets-table{border-collapse:collapse;width:100%}.bets-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background-color:#0f172a4d;padding:.85rem 1.5rem;font-size:.72rem;font-weight:700}.bets-table td{border-bottom:1px solid var(--border);padding:.95rem 1.5rem;font-size:.82rem}.bets-table tr:last-child td{border-bottom:none}.bets-table tr:hover td{background-color:#1e293b40}.bet-match-name{color:var(--text-primary);font-weight:600}.bet-selection{color:var(--text-secondary);font-weight:500}.bet-val{font-family:var(--font-mono);font-weight:500}.bet-edge{font-family:var(--font-mono);color:var(--accent-emerald);font-weight:600}.bet-pl{font-family:var(--font-mono);font-weight:700}.bet-pl.won{color:var(--accent-emerald)}.bet-pl.lost{color:var(--accent-rose)}.bet-balance{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.bet-outcome-badge{border-radius:6px;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.bet-outcome-badge.won{color:var(--accent-emerald);background-color:#10b9811a}.bet-outcome-badge.lost{color:var(--accent-rose);background-color:#f43f5e1a}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:5rem 2rem;display:flex}.loading-spinner{border:4px solid var(--border);border-bottom-color:var(--accent-blue);border-radius:50%;width:48px;height:48px;margin-bottom:1.5rem;animation:1s linear infinite spin;display:inline-block}.loading-container h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.loading-container p{color:var(--text-secondary);font-size:.88rem}.empty-state{text-align:center;background-color:var(--surface-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:2rem auto;padding:5rem 2rem;display:flex}.empty-icon{width:48px;height:48px;color:var(--text-muted);margin-bottom:1.25rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.empty-state p{color:var(--text-secondary);font-size:.88rem}.mobile-nav{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.5;transform:scale(.95)}}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@media (width<=1100px){.main-content{padding:2.5rem 2rem}}@media (width<=960px){.sidebar{align-items:center;width:70px;padding:2rem .5rem}.sidebar-logo .logo-subtitle{display:none}.sidebar-logo .logo-text{font-size:1.4rem}.nav-item{border-radius:12px;justify-content:center;padding:.75rem}.nav-item-label{display:none}.sidebar-status{align-items:center}.status-text,.quota{display:none}.main-content{width:calc(100% - 70px);margin-left:70px}}@media (width<=680px){.sidebar{display:none}.app-layout{flex-direction:column}.main-content{width:100%;margin-left:0;padding:1.5rem 1rem 6rem}.content-header h1{font-size:1.8rem}.stats-ribbon{grid-template-columns:repeat(2,1fr)}.matches-grid{grid-template-columns:1fr}.backtest-controls{flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem}.backtest-actions-group{flex-direction:column}.backtest-btn{justify-content:center;width:100%}.mobile-nav{background-color:var(--bg-secondary);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;justify-content:space-around;align-items:center;height:64px;padding:.2rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.mobile-nav-item{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:.25rem;font-size:.68rem;font-weight:500;display:flex}.mobile-nav-icon{width:20px;height:20px;color:inherit}.mobile-nav-item.active{color:var(--accent-blue);font-weight:600}}.login-page-container{background-color:var(--bg-primary);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.login-page-container:before{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);width:50vw;height:50vw;animation:12s ease-in-out infinite alternate float-glow-1;position:absolute;top:-10%;right:-10%}.login-page-container:after{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:45vw;height:45vw;animation:15s ease-in-out infinite alternate float-glow-2;position:absolute;bottom:-10%;left:-10%}@keyframes float-glow-1{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,40px)scale(1.1)}}@keyframes float-glow-2{0%{transform:translate(0)scale(1.1)}to{transform:translate(40px,-30px)scale(.9)}}.login-card{-webkit-backdrop-filter:blur(28px);z-index:10;width:100%;max-width:440px;transition:var(--transition-smooth);background:linear-gradient(135deg,#0f172aa6 0%,#1e293b66 100%);border:1px solid #94a3b81a;border-radius:24px;padding:3rem 2.5rem;position:relative;box-shadow:0 25px 50px -12px #0009,inset 0 1px #ffffff0d}.login-card:before{content:"";background:linear-gradient(90deg, var(--accent-blue) 0%, var(--accent-indigo) 100%);border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.login-card:hover{border-color:#3b82f633;box-shadow:0 30px 60px -10px #000000b3,0 0 24px #3b82f614,inset 0 1px #ffffff14}.login-header{text-align:center;margin-bottom:2rem}.login-logo-text{letter-spacing:-.06em;background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-indigo) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.1rem;font-size:2.5rem;font-weight:900;display:block}.login-logo-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700}.login-welcome{color:var(--text-secondary);margin-top:.5rem;font-size:.88rem}.login-tabs{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:12px;margin-bottom:1.75rem;padding:.25rem;display:flex}.login-tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;flex:1;padding:.65rem;font-size:.8rem;font-weight:600}.login-tab-btn:hover:not(.active){color:var(--text-primary)}.login-tab-btn.active{background-color:var(--bg-tertiary);color:var(--accent-blue);box-shadow:0 4px 12px #0003}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field{flex-direction:column;gap:.4rem;display:flex}.login-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;transition:var(--transition-fast);position:absolute;left:1rem}.login-input{border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:12px;outline:none;padding:.75rem 1rem .75rem 2.75rem;font-size:.95rem;font-weight:500;background-color:var(--bg-primary)!important}.login-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61f}.login-input:focus+.login-input-icon{color:var(--accent-blue)}.login-error-message{background-color:var(--accent-rose-glow);color:var(--accent-rose);border:1px solid #f43f5e26;border-radius:12px;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.8rem;font-weight:500;animation:.4s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-btn-submit{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-indigo) 100%);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.85rem;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 15px #3b82f640}.login-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.login-btn-submit:disabled{opacity:.6;cursor:not-allowed}.login-divider{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:1.5rem 0;font-size:.72rem;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.login-divider:not(:empty):before{margin-right:.75em}.login-divider:not(:empty):after{margin-left:.75em}.login-btn-google{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.8rem;font-size:.9rem;font-weight:600;display:flex}.login-btn-google:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 15px #ffffff0d}.login-btn-google:active{transform:translateY(0)}.google-icon-svg{width:18px;height:18px}.logout-btn-wrapper{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.nav-item.logout{color:var(--text-muted)}.nav-item.logout:hover{background-color:var(--accent-rose-glow);color:var(--accent-rose);border-color:#f43f5e33}.nav-item.logout:hover .nav-item-icon{color:var(--accent-rose)}