:root{--bg:#fbfaf8;--panel:#fff;--subtle:#f2f0eb;--border:#e4e0d8;--ink:#171513;--muted:#6b655d;--faint:#9a948a;--accent:#c0603e;--on-accent:#fff;--pos:#3e7a52;--neg:#b0492e;--radius:8px;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}input,textarea,select,button{font:inherit}.mono{font-family:var(--mono)}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--subtle);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:22px 16px;display:flex}.brand{letter-spacing:-.01em;padding:4px 10px 18px;font-size:16px;font-weight:600}.brand span{color:var(--accent)}.navItem{color:var(--muted);border-radius:6px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:13.5px;display:flex}.navItem:hover{background:var(--border);color:var(--ink)}.navItem.active{background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1px var(--border)}.navCount{font-family:var(--mono);color:var(--muted);font-size:11px}.sidebarFoot{border-top:1px solid var(--border);color:var(--muted);margin-top:auto;padding-top:12px;font-size:12px}.main{max-width:1100px;padding:28px 34px 60px}.pageHead{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.pageTitle{letter-spacing:-.01em;font-size:22px;font-weight:600}.pageSub{color:var(--muted);margin-top:2px}.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.statLabel{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.statValue{letter-spacing:-.02em;margin-top:6px;font-size:30px;font-weight:600}.tableWrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);background:var(--subtle);padding:12px 16px;font-size:10.5px}td{border-bottom:1px solid var(--border);vertical-align:top;padding:13px 16px}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--subtle)}.rowMain{font-weight:500}.rowSub{color:var(--muted);margin-top:2px;font-size:12.5px}.badge{font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--border);color:var(--muted);background:var(--panel);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;display:inline-block}.badge.new{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.badge.won{color:var(--pos);border-color:color-mix(in srgb, var(--pos) 40%, var(--border))}.badge.lost{color:var(--neg);border-color:color-mix(in srgb, var(--neg) 40%, var(--border))}.badge.live{color:var(--pos)}.btn{background:var(--accent);height:38px;color:var(--on-accent);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.9}.btnGhost{background:var(--panel);color:var(--ink);border:1px solid var(--border)}.btnGhost:hover{background:var(--subtle);opacity:1}.btnDanger{background:var(--panel);color:var(--neg);border:1px solid color-mix(in srgb, var(--neg) 35%, var(--border))}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field>label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.input,.textarea,.select{background:var(--panel);border:1px solid var(--border);color:var(--ink);border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.textarea{resize:vertical;min-height:90px}.input:focus,.textarea:focus,.select:focus{outline:2px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:1px}.row2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detailGrid{grid-template-columns:1.4fr 1fr;align-items:start;gap:20px;display:grid}.kv{grid-template-columns:130px 1fr;gap:8px 14px;font-size:13.5px;display:grid}.kv dt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:2px;font-size:10.5px}.kv dd{word-break:break-word}.backlink{font-family:var(--mono);color:var(--muted);margin-bottom:14px;font-size:12px;display:inline-block}.backlink:hover{color:var(--ink)}.empty{color:var(--muted);text-align:center;padding:40px 16px}.techTag{font-family:var(--mono);border:1px solid var(--border);border-radius:4px;margin:0 5px 5px 0;padding:3px 7px;font-size:11px;display:inline-block}.loginWrap{place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:360px;padding:32px}.loginBrand{margin-bottom:4px;font-size:20px;font-weight:600}.loginBrand span{color:var(--accent)}.loginSub{color:var(--muted);margin-bottom:24px;font-size:13px}.error{color:var(--neg);margin-top:8px;font-size:13px}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;min-height:auto}.sidebarFoot{display:none}.main{padding:20px}.detailGrid,.row2{grid-template-columns:1fr}}
