:root{--wb-bg:#f8fafc;--wb-surface:#fff;--wb-subtle:#f1f5f9;--wb-border:#e2e8f0;--wb-border-strong:#cbd5e1;--wb-text:#0f172a;--wb-muted:#64748b;--wb-accent:#4f46e5;--wb-accent-hover:#4338ca;--wb-accent-fg:#4f46e5;--wb-accent-soft:#eef2ff;--wb-accent-text:#fff;--wb-danger:#dc2626;--wb-danger-soft:#fef2f2;--wb-success:#15803d;--wb-success-soft:#f0fdf4;--wb-warn:#b45309;--wb-warn-soft:#fffbeb;--wb-tint:18%;--wb-radius:8px;--wb-radius-lg:12px;--wb-shadow-sm:0 1px 2px #0f172a0f;--wb-shadow-md:0 4px 12px #0f172a14, 0 1px 3px #0f172a0f;--wb-ring:0 0 0 3px #4f46e540;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--wb-bg:#16181d;--wb-surface:#20232a;--wb-subtle:#2b2f38;--wb-border:#3a3f4b;--wb-border-strong:#555c6b;--wb-text:#f4f5f7;--wb-muted:#b4bac6;--wb-accent:#6366f1;--wb-accent-hover:#7c7ff5;--wb-accent-fg:#b9c0ff;--wb-accent-soft:#818cf83d;--wb-accent-text:#fff;--wb-danger:#ff8f8f;--wb-danger-soft:#f8717133;--wb-success:#6ee79a;--wb-success-soft:#4ade802e;--wb-warn:#fcd34d;--wb-warn-soft:#fbbf242e;--wb-tint:42%;--wb-shadow-sm:0 1px 2px #00000059;--wb-shadow-md:0 6px 16px #00000073;--wb-ring:0 0 0 3px #a5b4fc73;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--wb-bg);color:var(--wb-text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;margin:0}a{color:var(--wb-accent-fg)}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--wb-border-strong);border-radius:var(--wb-radius);background:var(--wb-surface);height:36px;box-shadow:var(--wb-shadow-sm);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}button:hover:not(:disabled){background:var(--wb-subtle)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--wb-ring);outline:none}button:disabled{cursor:not-allowed;opacity:.5}button.primary{background:var(--wb-accent);border-color:var(--wb-accent);color:var(--wb-accent-text)}button.primary:hover:not(:disabled){background:var(--wb-accent-hover);border-color:var(--wb-accent-hover)}button.ghost{box-shadow:none;color:var(--wb-muted);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--wb-subtle);color:var(--wb-text)}button.danger{color:var(--wb-danger)}button.danger:hover:not(:disabled){background:var(--wb-danger-soft)}button.sm{height:30px;padding:0 10px;font-size:13px}button.icon{width:36px;padding:0}button.icon.sm{width:30px}input,select,textarea{border:1px solid var(--wb-border-strong);border-radius:var(--wb-radius);background:var(--wb-surface);box-shadow:var(--wb-shadow-sm);padding:7px 10px}input:not([type=checkbox]),select{height:36px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--wb-accent)}input:disabled,select:disabled{background:var(--wb-subtle);color:var(--wb-muted)}input[type=checkbox]{width:16px;height:16px;box-shadow:none;accent-color:var(--wb-accent);flex:none;padding:0}textarea{resize:vertical}.wb-field{flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.wb-field>small{color:var(--wb-muted);font-weight:400}.wb-card{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:var(--wb-radius-lg);box-shadow:var(--wb-shadow-sm);padding:20px}.wb-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.wb-section-head h2{font-size:16px;font-weight:600}.wb-section-head p{color:var(--wb-muted);margin:2px 0 0;font-size:13px}.wb-stack{flex-direction:column;gap:16px;display:flex}.wb-badge{background:var(--wb-subtle);height:22px;color:var(--wb-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.wb-badge.success{background:var(--wb-success-soft);color:var(--wb-success)}.wb-badge.danger{background:var(--wb-danger-soft);color:var(--wb-danger)}.wb-badge.warn{background:var(--wb-warn-soft);color:var(--wb-warn)}.wb-alert{border:1px solid var(--wb-border);border-radius:var(--wb-radius);background:var(--wb-subtle);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:10px 14px;font-size:13px;display:flex}.wb-alert.error{border-color:color-mix(in srgb, var(--wb-danger) 30%, transparent);background:var(--wb-danger-soft);color:var(--wb-danger)}.wb-alert.success{border-color:color-mix(in srgb, var(--wb-success) 30%, transparent);background:var(--wb-success-soft);color:var(--wb-success)}.wb-empty{border:1px dashed var(--wb-border-strong);border-radius:var(--wb-radius-lg);color:var(--wb-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.wb-empty strong{color:var(--wb-text);font-size:15px}.wb-empty p{max-width:420px;margin:0 0 8px}.wb-muted{color:var(--wb-muted)}.wb-error{color:var(--wb-danger)}.wb-table-wrap{padding:0;overflow-x:auto}.wb-table{border-collapse:collapse;width:100%}.wb-table th,.wb-table td{border-bottom:1px solid var(--wb-border);text-align:left;vertical-align:top;padding:12px 16px}.wb-table th{background:var(--wb-subtle);color:var(--wb-muted);white-space:nowrap;font-size:12px;font-weight:600}.wb-table tr:last-child td{border-bottom:none}