:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--border: #dfe3e8;--border-strong: #c7cdd4;--text: #16191d;--text-muted: #5c6670;--text-faint: #858f99;--accent: #1f6f54;--accent-hover: #185a44;--accent-soft: #e7f2ee;--danger: #b3261e;--danger-soft: #fce9e7;--warn: #8a5600;--warn-soft: #fdf1dc;--ok: #1f6f54;--ok-soft: #e7f2ee;--info-soft: #e8eff7;--info: #28527a;--radius: 6px;--radius-sm: 4px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--danger{color:var(--danger);border-color:#e6bfbc}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}.btn--sm{min-height:28px;padding:0 10px;font-size:13px}.btn--lg{min-height:44px;padding:0 20px;font-size:15px}.field{display:flex;flex-direction:column;gap:4px}.field>label{font-size:12px;font-weight:600;color:var(--text-muted)}.field input,.field select,.field textarea{min-height:36px;padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font:inherit;color:var(--text)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.field--invalid input,.field--invalid select{border-color:var(--danger)}.field__error{font-size:12px;color:var(--danger)}.field__hint{font-size:12px;color:var(--text-faint)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border)}.card__body{padding:14px}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap}table.data td{padding:9px 12px;border-bottom:1px solid var(--surface-2);vertical-align:middle}table.data tbody tr:hover{background:var(--surface-2)}.badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--muted{background:var(--surface-2);color:var(--text-muted)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:12px}.mono{font-family:var(--font-mono)}.row{display:flex;align-items:center;gap:8px}.spacer{flex:1}.alert{padding:10px 12px;border-radius:var(--radius-sm);font-size:13px}.alert--error{background:var(--danger-soft);color:var(--danger)}.alert--info{background:var(--info-soft);color:var(--info)}.alert--warn{background:var(--warn-soft);color:var(--warn)}.empty{padding:32px 16px;text-align:center;color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,#e7eaee 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}