@charset "UTF-8";:root{--bg: #f5f6f8;--surface: #ffffff;--border: #e5e7eb;--text: #111827;--muted: #6b7280;--primary: #2563eb;--primary-dark: #1d4ed8;--danger: #dc2626;--danger-dark: #b91c1c;--success: #16a34a;--warning: #d97706;--radius: 10px;--space: 16px;--maxw: 1080px;--touch: 44px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}h1{font-size:1.35rem;margin:0 0 12px}h2{font-size:1.1rem;margin:0 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch);padding:10px 16px;border:1px solid transparent;border-radius:var(--radius);background:var(--primary);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.btn:hover:not(:disabled){background:var(--primary-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:#f3f4f6}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:.8rem;color:var(--muted);font-weight:500}.field__input{width:100%;min-height:var(--touch);padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:1rem}.field__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.card{background:var(--surface);border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius);padding:12px 16px;font-size:.95rem}.card--error{border-left-color:var(--danger);color:var(--danger-dark)}.card--success{border-left-color:var(--success);color:#166534}.card--warning{border-left-color:var(--warning);color:#92400e}.card--plain{border-left-width:1px}.gauge{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.gauge__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.gauge__label{color:var(--muted);font-size:.85rem}.gauge__value{font-weight:700;font-variant-numeric:tabular-nums}.gauge__bar{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}.gauge__fill{height:100%;border-radius:999px;background:var(--primary)}.kv{width:100%;border-collapse:collapse;font-size:.9rem}.kv th,.kv td{text-align:left;padding:8px;border-bottom:1px solid #f1f5f9;vertical-align:top}.kv th{color:var(--muted);font-weight:500;width:45%}.kv td{word-break:break-word}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge--success{background:#dcfce7;color:#166534}.badge--warning{background:#fef3c7;color:#92400e}.badge--danger{background:#fee2e2;color:var(--danger-dark)}.badge--muted{background:#f1f5f9;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(17,24,39,.45);display:flex;align-items:flex-end;justify-content:center;padding:16px;z-index:50}.modal__box{background:var(--surface);border-radius:var(--radius);padding:20px;width:100%;max-width:420px;box-shadow:0 10px 30px #0003}@media (min-width: 600px){.modal{align-items:center}}.muted{color:var(--muted)}.num{text-align:right;font-variant-numeric:tabular-nums}.text-sm{font-size:.85rem}