:root{--bg: #0f1419;--bg-card: #1a212b;--bg-hover: #222b37;--border: #2a3441;--text: #e6edf3;--text-muted: #8b98a9;--accent: #4f9cf9;--green: #3fb950;--red: #f85149;--yellow: #d29922}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;font-size:14px;line-height:1.6}.app{max-width:1200px;margin:0 auto;padding:0 20px 60px}.header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 0 0;border-bottom:1px solid var(--border)}.header h1{font-size:20px;margin:0 0 12px}.header-sub{color:var(--text-muted);font-size:14px;font-weight:400}.header-nav{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tabs,.auth-actions{display:flex;align-items:flex-end;gap:4px}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:10px 16px;font-size:14px;cursor:pointer}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.auth-button{border:1px solid transparent;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;margin-bottom:4px;padding:7px 16px}.auth-button-login{background:var(--accent);border-color:#4f9cf999}.auth-button-login:hover,.auth-button-login.active{filter:brightness(1.12)}.auth-button-logout{background:var(--red);border-color:#f8514999}.auth-button-logout:hover{filter:brightness(1.08)}.content{padding-top:24px}h2{font-size:16px;margin:28px 0 12px}.loading,.muted{color:var(--text-muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card,.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.chart-card{margin-top:14px}.card-title{color:var(--text-muted);font-size:13px;margin-bottom:6px}.metric{font-size:26px;font-weight:700;margin-bottom:8px}.card-rows>div{display:flex;justify-content:space-between;color:var(--text-muted);font-size:13px;padding:2px 0}.card-rows>div span:last-child{color:var(--text)}.table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.table th,.table td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border)}.table th{color:var(--text-muted);font-size:12px;font-weight:400;background:var(--bg-hover)}.table tr:last-child td{border-bottom:none}.table-narrow{max-width:560px}.row-clickable{cursor:pointer}.row-clickable:hover td{background:var(--bg-hover)}.row-bet td{background:#4f9cf914}.detail-cell{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-muted)}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;white-space:nowrap}.badge-success{background:#3fb95026;color:var(--green)}.badge-failed{background:#f8514926;color:var(--red)}.badge-running{background:#4f9cf926;color:var(--accent);animation:pulse 1.2s ease-in-out infinite}.badge-queued,.badge-pending{background:#d2992226;color:var(--yellow)}.badge-dry_run{background:#8b98a929;color:var(--muted)}.badge-placed{background:#3fb95026;color:var(--green)}.badge-prod{background:#f8514926;color:var(--red)}.badge-sim{background:#8b98a926;color:var(--text-muted)}@keyframes pulse{50%{opacity:.5}}.error-note,.warn-note,.info-note,.danger-note{border-radius:8px;padding:10px 14px;margin:10px 0;font-size:13px}.error-note{background:#f851491f;color:var(--red);border:1px solid rgba(248,81,73,.4)}.danger-note{background:#f851492e;color:var(--red);border:1px solid var(--red);font-weight:700}.warn-note{background:#d299221f;color:var(--yellow);border:1px solid rgba(210,153,34,.4)}.info-note{background:#4f9cf91f;color:var(--accent);border:1px solid rgba(79,156,249,.4)}.danger-text{color:var(--red)}.login-page{display:flex;justify-content:center;padding:32px 0}.login-panel{width:min(420px,100%);background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:22px}.login-panel h2{margin-top:0}.login-panel label{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.login-panel label span{color:var(--text-muted);font-size:13px}.login-panel input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:9px 10px;font-size:14px}.login-panel input:focus{outline:none;border-color:var(--accent)}.job-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.job-button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;color:var(--text);cursor:pointer;text-align:left}.job-button:hover{border-color:var(--accent);background:var(--bg-hover)}.job-button-label{font-size:15px;font-weight:700}.job-button-desc{font-size:12px;color:var(--text-muted)}.backfill-form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.backfill-form label{display:flex;flex-direction:column;gap:4px}.backfill-form label span{color:var(--text-muted);font-size:13px}.backfill-form input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:7px 10px;font-size:14px;color-scheme:dark}.score-bar{position:relative;width:120px;height:18px;background:var(--bg);border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;background:#4f9cf959}.score-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:6px;font-size:12px}.race-detail{padding:8px 4px 14px;overflow-x:auto}.race-detail .table{min-width:1080px}.race-bets{margin-top:10px;display:flex;flex-direction:column;gap:6px}.race-bet-row{display:flex;align-items:center;gap:8px}.race-ai-summary{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin:8px 0 12px}.race-ai-status,.race-ai-pick{background:#4f9cf914;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.race-ai-status{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:140px}.race-ai-status strong{color:var(--accent)}.race-ai-picks{display:flex;gap:8px;flex-wrap:wrap}.race-ai-pick{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.race-ai-pick span:nth-child(2){color:var(--text);font-weight:700}.race-ai-rank,.value-badge{display:inline-block;border-radius:999px;padding:1px 8px;font-size:12px;white-space:nowrap}.race-ai-rank{background:#4f9cf929;color:var(--accent)}.value-good{background:#3fb95026;color:var(--green)}.value-muted{background:#8b98a926;color:var(--text-muted)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 12px}.pagination-actions{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.pagination-actions button{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;padding:7px 12px}.pagination-actions button:hover:not(:disabled){border-color:var(--accent);background:var(--bg-hover)}.pagination-actions button:disabled{cursor:default;opacity:.45}.race-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:14px}.race-filters label{display:flex;flex-direction:column;gap:4px}.race-filters label span{color:var(--text-muted);font-size:12px}.race-filters input,.race-filters select{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:7px 10px;font-size:14px;min-width:0}.race-filters input:focus,.race-filters select:focus{outline:none;border-color:var(--accent)}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.mode-switch{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.mode-switch button{background:var(--bg-card);border:none;color:var(--text-muted);padding:8px 16px;cursor:pointer}.mode-switch button.active{background:var(--accent);color:#fff}.card-grid+.table,.chart-card+.table{margin-top:14px}.settings-page{max-width:720px}.form{display:flex;flex-direction:column;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px}.form label{display:flex;flex-direction:column;gap:4px}.form label span{color:var(--text-muted);font-size:13px}.form input,.form select{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 10px;font-size:14px;max-width:320px}.form input:focus,.form select:focus{outline:none;border-color:var(--accent)}button.primary{align-self:flex-start;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:700;cursor:pointer}button.primary.compact{padding:7px 14px;font-size:13px}button.primary:hover{filter:brightness(1.1)}button.primary:disabled{opacity:.6;cursor:default}button.secondary{background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;padding:8px 16px;font-size:14px}button.secondary:hover{border-color:var(--accent)}.settings-env-table{max-width:820px}.env-key{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}