:root{--color-brand:#1e5ef3;--color-ink:#0b1b3f;--color-muted:#6b7a99;--color-bg:#f4f6fb;--color-surface:#fff;--color-border:#e0e6f1;--space:4px;--radius:16px}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.shell{max-width:1100px;padding:calc(var(--space)*8);margin:auto}.top{justify-content:space-between;align-items:end;gap:calc(var(--space)*4);padding:calc(var(--space)*8) 0;display:flex}.top h1{margin:calc(var(--space)*2) 0 0;font-size:40px;line-height:1}.eyebrow{color:var(--color-brand);letter-spacing:.12em;font-size:12px;font-weight:800}.environment{color:var(--color-muted);font-size:14px}.notice{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:calc(var(--space)*5);margin-bottom:calc(var(--space)*6)}.notice p{color:var(--color-muted);margin-bottom:0}.areaGrid{gap:calc(var(--space)*4);grid-template-columns:repeat(3,1fr);display:grid}.areaCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:calc(var(--space)*5);flex-direction:column;justify-content:space-between;min-height:112px;text-decoration:none;display:flex}.areaCard:hover,.areaCard:focus-visible{border-color:var(--color-brand);outline:3px solid color-mix(in srgb,var(--color-brand) 18%,transparent)}.areaCard span{font-weight:750}.areaCard small{color:var(--color-muted)}.back{margin-bottom:calc(var(--space)*6);color:var(--color-brand);font-weight:700;text-decoration:none;display:inline-block}.empty{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:calc(var(--space)*8);min-height:240px}.empty p{color:var(--color-muted);max-width:600px}@media (max-width:760px){.areaGrid{grid-template-columns:1fr 1fr}.top{flex-direction:column;align-items:start}.shell{padding:calc(var(--space)*5)}}@media (max-width:480px){.areaGrid{grid-template-columns:1fr}.top h1{font-size:32px}}.loginForm{gap:16px;max-width:440px;display:grid}.loginForm label{gap:8px;font-weight:600;display:grid}.loginForm input{font:inherit;border:1px solid var(--color-border);border-radius:8px;width:100%;min-height:44px;padding:10px}.formButtons{flex-wrap:wrap;gap:12px;display:flex}button{font:inherit;cursor:pointer;border:1px solid var(--color-brand);min-height:44px;color:var(--color-brand);background:var(--color-surface);border-radius:8px;padding:10px 16px}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.tableScroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;padding:12px}th{color:var(--color-muted)}