*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0f1115;color:#e8eaed;font-size:12px}.app{padding:.5rem}.app-header{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.app-header h1{margin:0;font-size:1.1rem}.app-layout{display:grid;grid-template-columns:280px 1fr;gap:.5rem;align-items:start}.app-main{min-width:0}.mode-select{display:flex;align-items:center;gap:.35rem;font-size:12px}.mode-select select{max-width:220px}.btn-logout{margin-left:auto;padding:4px 10px;cursor:pointer;background:transparent;color:#e8eaed;border:1px solid #374151;border-radius:4px}.btn-logout:hover{background:#1a1d24}.filter-sidebar{background:#1a1d24;border:1px solid #2a2f3a;border-radius:4px;padding:.5rem;max-height:85vh;overflow:auto}.filter-block{display:flex;flex-direction:column;gap:4px;margin-bottom:.75rem}.filter-title{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.03em}.filter-block select,.filter-block input{width:100%;padding:4px 6px;background:#0f1115;border:1px solid #374151;color:inherit;border-radius:4px;font-size:12px}.filter-hint{display:block}.sport-menu{max-height:50vh;overflow:auto}.sport-branch{margin:0}.sport-row{display:flex;align-items:stretch;gap:2px}.sport-toggle{width:18px;flex-shrink:0;padding:0;border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:11px}.sport-parent{flex:1;text-align:left}.sport-children{margin-left:10px;border-left:1px solid #2a2f3a;padding-left:4px}.sport-item{display:block;width:100%;text-align:left;padding:3px 6px;margin:1px 0;background:transparent;border:none;color:inherit;cursor:pointer;border-radius:3px;font-size:12px}.sport-item.depth-1{padding-left:14px}.sport-item.depth-2{padding-left:22px}.sport-item.depth-3{padding-left:30px}.sport-item.depth-4{padding-left:38px}.sport-item.depth-5{padding-left:46px}.sport-branch.depth-1 .sport-children{margin-left:0}.sport-item:hover{background:#252932}.sport-item.active{background:#3b82f6;color:#fff}.board-table{border:1px solid #2a2f3a;font-size:11px}.board-scroll{max-height:85vh;overflow:auto;scrollbar-gutter:stable;position:relative}.board-head-wrap{position:sticky;top:0;z-index:3}.board-row{display:grid;grid-template-columns:32px minmax(150px,1fr) repeat(6,48px) repeat(2,88px) repeat(2,48px) 28px;align-items:stretch;border-bottom:1px solid #2a2f3a}.board-data.event-blocked{box-shadow:inset 3px 0 #6366f1}.board-head{font-weight:600;font-size:10px}.board-head-groups{background:linear-gradient(180deg,#1e4d38,#163828);color:#ecfdf5;text-transform:uppercase;letter-spacing:.04em;min-height:26px}.board-head-cols{background:#1a1d24;color:#d1d5db;min-height:24px}.board-head-group{text-align:center;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.08);font-size:10px}.board-head-match-label{color:#ecfdf5;font-weight:600}.head-sub{display:block;font-size:9px;color:#9ca3af;font-weight:400;line-height:1}.board-data{position:absolute;left:0;width:100%;align-items:center}.board-row-wrap{position:absolute;left:0;width:100%}.board-row-wrap .board-row{position:relative;width:100%}.board-data.expanded{background:#1e293b}.board-detail-row{position:absolute;left:0;width:100%;border-bottom:1px solid #2a2f3a;background:#14171c;overflow:hidden;display:flex;flex-direction:column}.board-body{position:relative;width:100%}.board-cell{padding:3px 4px;border-right:1px solid #2a2f3a;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-cell.match{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;white-space:normal;line-height:1.2}.match-teams{flex:1;min-width:0;font-size:11px}.match-time{flex-shrink:0;text-align:right;white-space:nowrap;font-size:10px}.board-detail-row{grid-column:1 / -1}.board-cell.factor{text-align:center}.board-cell.factor-wide{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:nowrap}.board-cell.factor-wide .cell-param,.board-cell.factor-wide .cell-value{flex-shrink:0}.board-cell.pin-col,.board-cell.expand-col{text-align:center}.board-cell:last-child{border-right:none}.board-empty{padding:.75rem}.cell{cursor:pointer}.cell.up{background:#14532d}.cell.down{background:#7f1d1d}.cell.blocked,.cell.had-block{box-shadow:inset 0 0 0 1px #ef4444}.cell.internal{background:#1e3a5f;color:#93c5fd}.cell-param{color:#9ca3af;font-size:10px;margin-right:2px;flex-shrink:0}.cell-value{font-weight:600}.cell.fade{transition:opacity .3s}.cell.fade.opacity-10{opacity:1}.cell.fade.opacity-9{opacity:.9}.cell.fade.opacity-8{opacity:.8}.cell.fade.opacity-7{opacity:.7}.cell.fade.opacity-6{opacity:.6}.cell.fade.opacity-5{opacity:.5}.cell.fade.opacity-4{opacity:.4}.cell.fade.opacity-3{opacity:.3}.cell.fade.opacity-2{opacity:.25}.cell.fade.opacity-1{opacity:.2}.cell.fade.opacity-0{opacity:.15}.meta{font-size:10px;color:#9ca3af}.warn{color:#fbbf24}.login-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-bottom:1rem;padding:1rem;background:#1a1d24;border:1px solid #2a2f3a;border-radius:6px}.login-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#9ca3af}.login-form input{padding:6px 8px;background:#0f1115;border:1px solid #374151;color:inherit;border-radius:4px;min-width:200px}.login-form button{padding:8px 16px;cursor:pointer;background:#3b82f6;color:#fff;border:none;border-radius:4px}.login-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.login-form .btn-quick-login{background:#374151}.login-form .btn-quick-login:hover{background:#4b5563}.factor-popover{position:fixed;z-index:1000;background:#1a1d24;border:2px solid #ef4444;overflow:auto;padding:6px;box-shadow:0 8px 24px #00000073}.factor-popover-body{display:flex;flex-direction:column;gap:2px;font-size:11px}.factor-popover-body span{display:block;padding:2px 4px;border-radius:2px}.bet-up{background:#14532d}.bet-down{background:#7f1d1d}.bet-flat{background:#374151}.bet-blocked{background:#374151;box-shadow:inset 0 0 0 1px #ef4444}.expanded-event-inline{flex:1;min-height:0;display:flex;flex-direction:column;padding:.5rem .5rem .5rem 2rem;border-top:1px solid #2a2f3a}.expanded-loading{margin:.25rem 0 .5rem;padding-left:.5rem}.expanded-grids{flex:1;min-height:0;max-height:min(60vh,480px);overflow:auto;scrollbar-gutter:stable;display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start;align-content:flex-start}.grid-table{font-size:11px;flex:0 1 auto;max-width:100%;min-width:0;overflow-x:auto;background:#151922;border:1px solid #2a2f3a;border-radius:6px;padding:6px}.grid-table table{border-collapse:collapse;width:max-content;max-width:100%}.grid-table th,.grid-table td{border:1px solid #2a2f3a;padding:3px 6px;white-space:nowrap;vertical-align:middle}.grid-head{color:#cbd5e1;font-weight:600;text-align:center;background:#1e293b}.grid-param{color:#9ca3af;text-align:center}.grid-empty{color:#4b5563}.grid-caption{margin:0 0 6px;padding:4px 8px;font-size:11px;font-weight:600;color:#e2e8f0;background:#334155;border-radius:4px;border-left:3px solid #3b82f6;line-height:1.3}.grid-value.cell-selectable{cursor:pointer}.grid-cell-inner{display:flex;align-items:center;justify-content:center;gap:4px;width:100%}.grid-cell-inner.has-label{flex-direction:column;align-items:center;gap:2px}.grid-cell-label{font-size:10px;line-height:1.2;color:#94a3b8;font-weight:500;text-align:center;max-width:120px;overflow:hidden;text-overflow:ellipsis}.grid-cell-main{min-width:0;font-weight:600;color:#f3f4f6}.grid-table .cell-lock{flex-shrink:0;font-size:10px;line-height:1;opacity:.9}.grid-table .grid-param.had-block,.grid-table .grid-value.had-block,.grid-table .grid-head .grid-cell-inner:has(.cell-lock){box-shadow:inset 0 0 0 1px #ef4444}.grid-table td.cell.up{background:#14532d}.grid-table td.cell.down{background:#7f1d1d}.grid-table td.cell.blocked{box-shadow:inset 0 0 0 1px #ef4444}.event-blocks{margin-top:.5rem;font-size:10px}.event-blocks pre{max-height:200px;overflow:auto}@media (max-width: 900px){.app-layout{grid-template-columns:1fr}.filter-sidebar{max-height:none}}