.live-tables-page{max-width:1400px}.live-header{margin-bottom:1.5rem}.live-subtitle{color:var(--text-dim);font-size:.875rem;margin-top:.25rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;align-items:center}.filter-group{display:flex;gap:.25rem}.filter-btn{padding:.25rem .7rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:.78rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.filter-btn:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.sort-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.sort-label{font-size:.875rem;color:var(--text-dim)}.refresh-time{color:var(--text-dim);font-size:.8rem}.sort-buttons{display:flex;align-items:center;gap:.5rem}.sort-by{font-size:.8rem;color:var(--text-dim)}.sort-btn{padding:.3rem .75rem;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:.8rem;cursor:pointer;transition:all .15s}.sort-btn:hover{border-color:var(--accent);color:var(--text)}.sort-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.25rem}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s}.table-card:hover{border-color:var(--accent)}.table-stale{opacity:.5}.table-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.table-title{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.table-name{font-weight:600;font-size:.95rem}.table-ev{font-size:1.3rem;font-weight:700;white-space:nowrap}.phase-badge{display:inline-block;padding:.1rem .45rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.phase-bets{background:#eab30826;color:var(--yellow)}.phase-active{background:#3b82f626;color:var(--accent)}.phase-idle{background:#8b8fa31a;color:var(--text-dim)}.stale-badge{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;font-weight:700;background:#ef444426;color:var(--red);letter-spacing:.05em}.cutting-card-pip{position:absolute;top:0;right:0;width:14px;height:20px;background:var(--red);border-radius:0 8px 0 4px;opacity:.85}.cutting-card-pip:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(255,255,255,.4);border-radius:1px}.count-bar-wrap{display:flex;align-items:center;gap:.6rem;flex:1}.count-bar-track{position:relative;flex:1;height:6px;background:#ffffff12;border-radius:3px;overflow:hidden}.count-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.count-bar-center{position:absolute;left:50%;top:0;width:1px;height:100%;background:#fff3}.count-bar-label{font-size:.8rem;font-weight:600;white-space:nowrap;min-width:56px}.table-stats-row{display:flex;flex-direction:column;gap:.4rem}.shoe-info{display:flex;align-items:center;gap:.6rem}.shoe-bar-wrap{flex:1;height:4px;background:#ffffff12;border-radius:2px;overflow:hidden}.shoe-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.shoe-label{font-size:.75rem;color:var(--text-dim);white-space:nowrap}.bet-limits{font-size:.775rem;color:var(--text-dim);border-top:1px solid var(--border);padding-top:.5rem}.betbehind-limits{opacity:.7}.seats-section{display:flex;flex-direction:column;gap:.6rem;border-top:1px solid var(--border);padding-top:.65rem}.no-seats{font-size:.8rem;color:var(--text-dim);text-align:center;padding:.5rem 0}.seat-row{display:flex;flex-direction:column;gap:.3rem;padding:.45rem .6rem;border-radius:6px;background:#ffffff08}.dealer-row{background:#3b82f60f;border:1px solid rgba(59,130,246,.15)}.seat-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.seat-num{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.seat-name{font-size:.82rem;color:var(--text);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-decision{font-size:.7rem;padding:.1rem .35rem;border-radius:3px;background:#3b82f626;color:var(--accent);font-weight:600}.result-badge{font-size:.68rem;font-weight:700;padding:.1rem .35rem;border-radius:3px;letter-spacing:.04em}.result-win{background:#22c55e26;color:var(--green)}.result-lose{background:#ef444426;color:var(--red)}.hand{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.hand-label{font-size:.7rem;color:var(--text-dim)}.hand-cards{display:flex;gap:.25rem}.playing-card{display:inline-flex;align-items:center;gap:1px;background:#fff;border-radius:4px;padding:.1rem .3rem;font-size:.82rem;font-weight:700;line-height:1.2;min-width:28px;justify-content:center;box-shadow:0 1px 3px #0006}.playing-card.suit-red{color:#d00}.playing-card.suit-black{color:#111}.card-rank,.card-suit{font-size:.78rem}.card-placeholder{color:var(--text-dim);font-size:.8rem}.hand-score{font-size:.82rem;font-weight:600;color:var(--text-dim);margin-left:.2rem}.no-tables{text-align:center;padding:4rem 2rem;color:var(--text-dim);line-height:2}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--red);border-radius:6px;padding:.75rem 1rem;font-size:.875rem;margin-bottom:1rem}.watchlist-banner{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:.85rem 1.25rem;border:1px dashed var(--border);border-radius:8px;background:#ffffff05}.watchlist-banner-text{font-size:.875rem;color:var(--text-dim)}.watchlist-add-btn{background:none;border:1px solid var(--accent);color:var(--accent);padding:.3rem .85rem;border-radius:5px;font-size:.82rem;cursor:pointer;transition:all .15s;white-space:nowrap}.watchlist-add-btn:hover{background:var(--accent);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-box{background:var(--bg);border:1px solid var(--border);border-radius:12px;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0009}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem .85rem;border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{margin:0;font-size:1rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1rem;padding:.2rem .4rem;border-radius:4px;transition:color .15s}.modal-close:hover{color:var(--text)}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;overflow:hidden;flex:1;min-height:0}.modal-hint{font-size:.82rem;color:var(--text-dim);line-height:1.5;margin:0}.modal-label{font-size:.78rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.modal-input{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.875rem;padding:.55rem .75rem;width:100%;box-sizing:border-box;outline:none;transition:border-color .15s;font-family:monospace}.modal-input:focus{border-color:var(--accent)}.modal-search{font-family:inherit}.modal-search-row{flex-shrink:0}.modal-table-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem;min-height:0;max-height:340px}.modal-table-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;border-radius:6px;border:1px solid var(--border);cursor:pointer;transition:border-color .12s,background .12s;gap:.5rem}.modal-table-row:hover:not(.modal-table-closed){border-color:var(--accent);background:#3b82f60d}.modal-table-selected{border-color:var(--accent)!important;background:#3b82f61a!important}.modal-table-closed{opacity:.4;cursor:not-allowed}.modal-table-info{display:flex;align-items:center;gap:.5rem;min-width:0}.modal-table-name{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-closed-badge{font-size:.62rem;font-weight:700;padding:.1rem .35rem;border-radius:3px;background:#ef444426;color:var(--red);letter-spacing:.04em;flex-shrink:0}.modal-table-limits{font-size:.78rem;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.modal-empty{text-align:center;color:var(--text-dim);font-size:.85rem;padding:2rem 0}.modal-section-divider{font-size:.7rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 0 .2rem;border-top:1px solid var(--border);margin-top:.25rem}.modal-table-watched{opacity:.45;cursor:default;pointer-events:none}.modal-watched-badge{font-size:.62rem;font-weight:700;padding:.1rem .35rem;border-radius:3px;background:#3b82f626;color:var(--accent);letter-spacing:.04em;flex-shrink:0}.modal-error{font-size:.82rem;color:var(--red);background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:5px;padding:.5rem .75rem}.modal-pick-meta{flex-shrink:0}.modal-actions{display:flex;justify-content:flex-end;gap:.65rem;flex-shrink:0;margin-top:.25rem}.modal-actions-col{flex-direction:column;align-items:stretch;gap:.5rem}.modal-btn-primary{background:var(--accent);border:none;color:#fff;padding:.45rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:opacity .15s;font-weight:500}.modal-btn-primary:hover:not(:disabled){opacity:.85}.modal-btn-primary:disabled{opacity:.4;cursor:not-allowed}.modal-btn-secondary{background:none;border:1px solid var(--border);color:var(--text-dim);padding:.45rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:border-color .15s,color .15s}.modal-btn-secondary:hover{border-color:var(--text-dim);color:var(--text)}.modal-btn-ghost{background:none;border:none;color:var(--text-dim);padding:.3rem 0;font-size:.8rem;cursor:pointer;text-align:center;transition:color .15s}.modal-btn-ghost:hover{color:var(--text)}.modal-done{align-items:center;text-align:center}.modal-success-icon{width:48px;height:48px;background:#22c55e26;color:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;margin:.5rem auto}.modal-success-text{font-size:.9rem;margin:0}@media (max-width: 600px){.tables-grid{grid-template-columns:1fr}.watchlist-banner{flex-direction:column;align-items:flex-start;gap:.65rem}.modal-box{max-height:92vh}}.table-detail-page{max-width:1100px;display:flex;flex-direction:column;gap:1.25rem}.detail-header{display:flex;flex-direction:column;gap:.4rem}.detail-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.detail-title-row h2{margin:0;font-size:1.6rem}.detail-refresh{font-size:.78rem;color:var(--text-dim)}.fresh-shoe-badge{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;font-weight:700;background:#8b8fa31f;color:var(--text-dim);letter-spacing:.05em}.cutting-card-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:26px;background:var(--red);border-radius:3px;color:#fff;font-size:.75rem;opacity:.9;flex-shrink:0}.back-btn{background:none;border:1px solid var(--border);color:var(--text-dim);padding:.3rem .75rem;border-radius:5px;font-size:.82rem;cursor:pointer;align-self:flex-start;transition:all .15s}.back-btn:hover{color:var(--text);border-color:var(--accent)}.detail-shoe{display:flex;align-items:center;gap:.75rem}.detail-shoe-track{flex:1;height:8px;background:#ffffff12;border-radius:4px;overflow:visible;position:relative}.detail-shoe-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .4s ease}.detail-shoe-cut-marker{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--red);border-radius:1px;opacity:.75;pointer-events:none}.detail-shoe-cut-marker:after{content:"✂";position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:.65rem;color:var(--red);opacity:.9}.detail-shoe-label{font-size:.78rem;color:var(--text-dim);white-space:nowrap}.detail-stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.detail-stat{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;text-align:center}.detail-stat-value{font-size:1.3rem;font-weight:700;line-height:1.2}.detail-stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-top:.2rem}.table-layout{display:flex;flex-direction:column;gap:.75rem;align-items:center}.seats-row{display:flex;gap:.75rem;justify-content:center;width:100%;flex-wrap:wrap}.table-felt{width:100%;background:#1a6b35;border-radius:12px;padding:1rem 2rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 12px #0006,0 0 0 4px #0f4a24,0 0 0 6px #7a5c2e}.seat-slot{width:140px;min-height:160px;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:.6rem .5rem .5rem;gap:.3rem;background:var(--surface);border:1px solid var(--border)}.seat-empty{opacity:.35;border-style:dashed}.seat-vacant{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:1rem;color:var(--text-dim)}.seat-icon{font-size:1.5rem}.seat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.seat-player-name{font-size:.78rem;font-weight:600;color:var(--text);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.seat-info-row{display:flex;gap:.4rem;align-items:center}.seat-score{font-size:.95rem;font-weight:700;color:var(--text)}.seat-bet{font-size:.78rem;color:var(--yellow);font-weight:600}.seat-actions-row{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap;justify-content:center;min-height:22px}.dealer-slot{display:flex;flex-direction:column;align-items:center;gap:.4rem}.dealer-label{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.insurance-badge{font-size:.6rem;font-weight:700;padding:.1rem .4rem;border-radius:3px;letter-spacing:.04em}.ins-yes{background:#22c55e40;color:#4ade80}.ins-no{background:#ffffff14;color:#ffffff59}.dealer-score{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card-hand{display:flex;justify-content:center}.card{width:52px;height:76px;border-radius:6px;background:#fff;box-shadow:0 2px 6px #0006;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none}.card-red{color:#c00}.card-black{color:#111}.card-hidden{background:linear-gradient(135deg,#1a3a6b 25%,#2a5298,#1a3a6b 75%);color:#fff6;font-size:1.4rem;font-weight:700}.card-empty{background:#ffffff0d;border:1px dashed rgba(255,255,255,.15);box-shadow:none}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1.1;font-size:.68rem;font-weight:700}.card-corner-tl{top:3px;left:4px}.card-corner-br{bottom:3px;right:4px;transform:rotate(180deg)}.card-center{font-size:1.3rem;line-height:1}.hand-section{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%}.hand-section+.hand-section{border-top:1px dashed var(--border);padding-top:.35rem;margin-top:.1rem}.hand-split-label{font-size:.62rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;align-self:flex-start}.card-hand{flex-direction:column;align-items:center;gap:0}.card-hand .card+.card{margin-left:0!important;margin-top:-50px}.dealer-slot .card-hand{flex-direction:row}.dealer-slot .card-hand .card+.card{margin-top:0!important;margin-left:-8px!important}.hand-decision-row{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:100%}.decision-history{display:flex;gap:.2rem;flex-wrap:wrap;justify-content:center}.detail-decision{font-size:.62rem;font-weight:700;padding:.1rem .35rem;border-radius:3px;letter-spacing:.03em}.dec-hit{background:#3b82f633;color:var(--accent)}.dec-stand{background:#22c55e33;color:var(--green)}.dec-double{background:#eab30833;color:var(--yellow)}.dec-split{background:#a855f733;color:#a855f7}.optimal-badge{font-size:.65rem;font-weight:700;padding:.12rem .45rem;border-radius:3px;letter-spacing:.04em}.optimal-match{background:#22c55e26;color:var(--green)}.optimal-diff{background:#ef444426;color:var(--red)}.detail-result{font-size:.68rem;font-weight:700;padding:.12rem .4rem;border-radius:3px;letter-spacing:.03em}.result-win{background:#22c55e33;color:var(--green)}.result-lose{background:#ef444433;color:var(--red)}.result-push{background:#8b8fa31a;color:var(--text-dim)}.table-card-clickable{cursor:pointer;transition:border-color .15s,transform .1s}.table-card-clickable:hover{border-color:var(--accent);transform:translateY(-1px)}.table-card-clickable:active{transform:translateY(0)}.table-footer-row{display:flex;justify-content:space-between;align-items:center;font-size:.775rem;color:var(--text-dim);border-top:1px solid var(--border);padding-top:.5rem}.seats-occupied{color:var(--text)}.seats-empty{color:var(--text-dim)}@media (max-width: 720px){.seat-slot{width:110px;min-height:150px}.card{width:42px;height:62px}.card-center{font-size:1rem}.detail-stat-row{grid-template-columns:repeat(3,1fr)}.table-felt{padding:.75rem 1rem}}@media (max-width: 500px){.seats-row{gap:.4rem}.seat-slot{width:90px}.card{width:36px;height:52px}.card-corner{font-size:.6rem}.card-center{font-size:.9rem}}.player-page h2{margin-bottom:1.25rem}.player-layout{display:grid;grid-template-columns:340px 1fr;gap:1.25rem;align-items:start}@media (max-width: 900px){.player-layout{grid-template-columns:1fr}}.player-config{display:flex;flex-direction:column;gap:.2rem}.player-config h3{margin-bottom:.75rem;font-size:.9rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.cfg-label{font-size:.72rem;color:var(--text-dim);margin-top:.5rem;display:block}.cfg-input{background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:.88rem;padding:.45rem .65rem;outline:none;width:100%;transition:border-color .15s}.cfg-input:focus{border-color:var(--accent)}.cfg-input:disabled{opacity:.5}.cfg-row{display:flex;gap:.5rem}.cfg-row>div{flex:1}.cfg-checkboxes{margin-top:.75rem;gap:1rem}.cfg-check{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-dim);cursor:pointer}.cfg-actions{margin-top:1.25rem}.bot-btn{width:100%;padding:.65rem;border:none;border-radius:6px;font-size:.95rem;font-weight:700;cursor:pointer;letter-spacing:.03em;transition:opacity .15s}.bot-btn:disabled{opacity:.4;cursor:default}.bot-btn.start{background:var(--green);color:#fff}.bot-btn.stop{background:var(--red);color:#fff}.player-status{display:flex;flex-direction:column;gap:1rem}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-cell{text-align:center;padding:.5rem}.stat-val{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-lbl{font-size:.7rem;color:var(--text-dim);margin-top:.2rem;text-transform:uppercase;letter-spacing:.05em}.phase-bar{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem}.phase-badge{font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:4px;letter-spacing:.06em;background:var(--border);color:var(--text-dim)}.phase-badge.phase-connected,.phase-badge.phase-bets_open{background:#1a3a2a;color:var(--green)}.phase-badge.phase-decisions{background:#2a2a1a;color:var(--yellow)}.phase-badge.phase-dealing{background:#1a2a3a;color:var(--accent)}.phase-badge.phase-error{background:#3a1a1a;color:var(--red)}.phase-ev{font-size:.8rem;color:var(--text-dim)}.decision-panel{border:1px solid var(--yellow)}.decision-prompt{font-size:.9rem;margin-bottom:.75rem;line-height:1.5}.decision-hint{color:var(--text-dim);font-size:.82rem}.decision-btns{display:flex;gap:.5rem;flex-wrap:wrap}.dec-btn{flex:1;min-width:70px;padding:.55rem;border:none;border-radius:5px;font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity .15s}.dec-btn.hit{background:#1a3a2a;color:var(--green);border:1px solid var(--green)}.dec-btn.stand{background:#1a2a3a;color:var(--accent);border:1px solid var(--accent)}.dec-btn.double{background:#2a2a1a;color:var(--yellow);border:1px solid var(--yellow)}.dec-btn.split{background:#3a1a2a;color:#e879f9;border:1px solid #e879f9}.error-panel{color:var(--red);font-size:.85rem;border:1px solid var(--red)}.log-panel{max-height:400px;display:flex;flex-direction:column}.log-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.75rem}.log-entries{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.log-empty{color:var(--text-dim);font-size:.82rem}.log-entry{display:flex;gap:.75rem;font-size:.8rem;font-family:monospace}.log-time{color:var(--text-dim);flex-shrink:0}.log-entry.log-win .log-text{color:var(--green)}.log-entry.log-loss .log-text{color:var(--red)}.log-entry.log-push .log-text{color:var(--text-dim)}.log-entry.log-error .log-text{color:var(--red)}:root{--bg: #0f1117;--surface: #1a1d27;--border: #2a2d3a;--text: #e1e4eb;--text-dim: #8b8fa3;--accent: #3b82f6;--green: #22c55e;--red: #ef4444;--yellow: #eab308}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-decoration:none}.app-layout{display:flex;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;overflow:hidden}.sidebar-collapsed .sidebar{width:52px}.sidebar-expanded .sidebar{width:220px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem .75rem .85rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0;gap:.5rem}.sidebar-collapsed .sidebar-header{justify-content:center;padding:.85rem 0}.sidebar-brand{font-size:.72rem;font-weight:700;color:var(--accent);letter-spacing:.08em;white-space:nowrap;flex:1;min-width:0}.sidebar nav{flex:1;padding-top:.5rem}.sidebar nav a{display:flex;align-items:center;gap:.65rem;padding:.65rem 0;color:var(--text-dim);font-size:.875rem;transition:color .15s,background .15s;white-space:nowrap;text-decoration:none}.sidebar-collapsed .sidebar nav a{justify-content:center;padding:.7rem 0}.sidebar-expanded .sidebar nav a{padding-left:1rem;padding-right:1rem}.sidebar nav a:hover,.sidebar nav a.active{color:var(--text);background:#3b82f614}.sidebar-expanded .sidebar nav a.active{border-right:2px solid var(--accent)}.nav-icon{font-size:1.35rem;flex-shrink:0;width:28px;text-align:center;line-height:1}.nav-label{font-size:.875rem}.sidebar-toggle{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem .5rem;flex-shrink:0;transition:color .15s,border-color .15s}.sidebar-toggle:hover{color:var(--text);border-color:var(--accent)}.main-content{flex:1;padding:2rem;max-width:1200px;min-width:0}.main-content h2{font-size:1.5rem;margin-bottom:1.5rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.panel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.panel.stat-card{text-align:center}.panel.stat-card .value{font-size:2rem;font-weight:700;color:var(--accent)}.panel.stat-card .label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th,.data-table td{padding:.6rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.data-table th{color:var(--text-dim);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.data-table tr:hover td{background:#3b82f60a}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge-green{background:#22c55e26;color:var(--green)}.badge-red{background:#ef444426;color:var(--red)}.badge-yellow{background:#eab30826;color:var(--yellow)}.ev-positive{color:var(--green)}.ev-negative{color:var(--red)}.ev-neutral{color:var(--text-dim)}.loading{text-align:center;padding:3rem;color:var(--text-dim)}@media (max-width: 768px){.app-layout{flex-direction:column}.sidebar-collapsed .sidebar,.sidebar-expanded .sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto;padding-top:0}.sidebar nav a{flex-direction:column;gap:.2rem;padding:.6rem .9rem;font-size:.7rem;border-right:none!important}.sidebar-brand,.nav-label,.sidebar-toggle{display:none}.main-content{padding:1rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2.5rem 2rem;width:340px}.login-brand{font-size:1.1rem;font-weight:700;letter-spacing:.12em;color:var(--accent);text-align:center;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:.5rem}.login-label{font-size:.75rem;color:var(--text-dim);margin-top:.5rem}.login-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.95rem;padding:.55rem .75rem;outline:none;transition:border-color .15s}.login-input:focus{border-color:var(--accent)}.login-error{color:var(--red);font-size:.82rem;margin-top:.25rem}.login-btn{margin-top:1.25rem;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.6rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s}.login-btn:disabled{opacity:.6;cursor:default}.sidebar-footer{padding:.75rem .5rem;border-top:1px solid var(--border)}.logout-btn{display:flex;align-items:center;gap:.6rem;width:100%;background:none;border:none;color:var(--text-dim);font-size:.85rem;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.logout-btn:hover{background:var(--border);color:var(--text)}