.navbar[data-v-0589d2a4]{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:0 1.5rem;position:sticky;top:0;z-index:100}.navbar-inner[data-v-0589d2a4]{display:flex;align-items:center;max-width:1400px;margin:0 auto;height:52px;gap:2rem}.logo[data-v-0589d2a4]{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-primary)}.logo-icon[data-v-0589d2a4]{font-size:1.3rem}.logo-text[data-v-0589d2a4]{font-weight:700;font-size:1.1rem;font-family:var(--font-mono)}.logo-sub[data-v-0589d2a4]{color:var(--text-muted);font-size:.8rem}.nav-links[data-v-0589d2a4]{display:flex;gap:.25rem;flex:1}.nav-link[data-v-0589d2a4]{padding:.4rem .75rem;border-radius:6px;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s}.nav-link[data-v-0589d2a4]:hover,.nav-link.active[data-v-0589d2a4]{color:var(--text-primary);background:var(--bg-tertiary)}.nav-right[data-v-0589d2a4]{display:flex;align-items:center;gap:1rem}.nav-status[data-v-0589d2a4]{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.status-dot[data-v-0589d2a4]{width:8px;height:8px;border-radius:50%}.status-dot.online[data-v-0589d2a4]{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot.offline[data-v-0589d2a4]{background:var(--red)}.nav-user[data-v-0589d2a4]{display:flex;align-items:center;gap:.5rem}.user-name[data-v-0589d2a4]{color:var(--text-secondary);font-size:.8rem;font-weight:500}.logout-btn[data-v-0589d2a4]{background:none;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-muted);cursor:pointer;padding:.25rem .5rem;font-size:.85rem;transition:all .15s}.logout-btn[data-v-0589d2a4]:hover{color:var(--red, #ef4444);border-color:var(--red, #ef4444)}@media (min-width: 1601px){.navbar-inner[data-v-0589d2a4]{max-width:none}}#mtbf-app[data-v-64d00406]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-64d00406]{flex:1;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}.main-content.no-nav[data-v-64d00406]{padding:0;max-width:none}@media (min-width: 1601px){.main-content[data-v-64d00406]:not(.no-nav){max-width:none;padding:1.5rem 2rem}}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-card: #161b22;--bg-card-hover: #1c2129;--border-primary: #30363d;--border-secondary: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--green: #3fb950;--green-dim: #238636;--red: #f85149;--red-dim: #da3633;--blue: #58a6ff;--blue-dim: #1f6feb;--gold: #d29922;--gold-dim: #9e6a03;--purple: #bc8cff;--orange: #f0883e;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:1rem;transition:background .15s,border-color .15s}.card:hover{background:var(--bg-card-hover);border-color:var(--border-primary)}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-sport{background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-mono)}.badge-scheduled{background:#58a6ff26;color:var(--blue)}.badge-in_progress{background:#d2992226;color:var(--gold)}.badge-final,.badge-won{background:#3fb95026;color:var(--green)}.badge-lost{background:#f8514926;color:var(--red)}.badge-pending{background:#58a6ff26;color:var(--blue)}.badge-push{background:#8b949e26;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:background .15s}.btn:hover{background:var(--bg-card-hover)}.btn-active{background:var(--blue-dim);border-color:var(--blue);color:#fff}.filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}table{width:100%;border-collapse:collapse}th,td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--border-secondary)}th{color:var(--text-secondary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}tr:hover td{background:var(--bg-tertiary)}.prob-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--bg-tertiary)}.prob-bar .segment{height:100%;transition:width .3s}.prob-bar .segment-home{background:var(--blue)}.prob-bar .segment-draw{background:var(--text-muted)}.prob-bar .segment-away{background:var(--orange)}.tabs{display:flex;border-bottom:1px solid var(--border-primary);margin-bottom:1rem}.tab{padding:.6rem 1rem;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .15s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--blue)}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.edge-positive{color:var(--green)}.edge-negative{color:var(--red)}.mono{font-family:var(--font-mono);font-size:.85rem}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.4rem;font-weight:700}.page-header p{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:1rem}.stat-card .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:.25rem}.stat-card .value{font-size:1.5rem;font-weight:700;font-family:var(--font-mono)}.stat-card .value.positive{color:var(--green)}.stat-card .value.negative{color:var(--red)}.json-block{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap}
