:root{--bg: #ffffff;--surface: #f5f5f5;--surface-alt: #ececec;--border: #d9d9d9;--text: #0a0a0a;--text-2: #4a4a4a;--text-dis: #9a9a9a;--accent: #0a0a0a;--on-accent: #ffffff;--danger: #b00020;--success: #1b7f3b;--radius: 10px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 6px 16px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.06);--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);--ease: .15s cubic-bezier(.2,.6,.2,1)}@media (prefers-color-scheme: dark){:root{--bg: #0a0a0a;--surface: #161616;--surface-alt: #222222;--border: #333333;--text: #fafafa;--text-2: #bebebe;--text-dis: #6e6e6e;--accent: #fafafa;--on-accent: #0a0a0a;--danger: #cf6679;--success: #4ade80;--shadow-sm: 0 1px 2px rgba(0,0,0,.45);--shadow-md: 0 8px 22px rgba(0,0,0,.55)}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.45}a{color:inherit}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);padding:16px;background:var(--surface);position:sticky;top:0;height:100vh}.brand{font-weight:800;font-size:18px;letter-spacing:-.01em;margin-bottom:24px}.nav a{display:block;padding:9px 12px;border-radius:var(--radius);color:var(--text-2);text-decoration:none;margin-bottom:2px;transition:background var(--ease),color var(--ease)}.nav a:hover{background:var(--surface-alt);color:var(--text)}.nav a.active{background:var(--accent);color:var(--on-accent);font-weight:600}.main{padding:28px 32px;max-width:980px}h1{font-size:24px;letter-spacing:-.02em;margin-top:0}h2{font-size:18px;letter-spacing:-.01em}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.btn{background:var(--accent);color:var(--on-accent);border:1px solid transparent;border-radius:var(--radius);padding:10px 16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--ease),box-shadow var(--ease),opacity var(--ease),background var(--ease)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.45;cursor:default}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:none}.btn.secondary:hover:not(:disabled){background:var(--surface-alt);box-shadow:var(--shadow-sm)}.btn.danger{background:var(--danger);color:#fff}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:40px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg);color:var(--text);margin-bottom:10px;font:inherit;font-size:14px;line-height:1.3;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color var(--ease),box-shadow var(--ease)}textarea{min-height:84px;padding:10px 12px;resize:vertical}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:var(--text-dis)}select{padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}input:not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:var(--text-dis)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}label{font-size:13px;color:var(--text-2);font-weight:500;display:block;margin-bottom:4px}:focus-visible{outline:none}.btn:focus-visible,.nav a:focus-visible{box-shadow:var(--ring)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);font-weight:600}td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);font-size:14px}tbody tr{transition:background var(--ease)}tbody tr:hover{background:var(--surface-alt)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-alt);color:var(--text-2)}.badge.ok{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.badge.danger{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.muted{color:var(--text-2);font-size:13px}.center{min-height:100vh;display:grid;place-items:center}.login-logo{display:block;width:96px;height:auto;margin:4px auto 12px}@media (prefers-color-scheme: dark){.login-logo{filter:invert(1)}}.row{display:flex;gap:12px;align-items:center}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:spin .6s linear infinite}.spinner.lg{width:22px;height:22px;border-width:3px}.loading-row{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px;padding:8px 0}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--danger);font-size:13px}.success{color:var(--success);font-size:13px}.card,.loading-row{animation:fade-in .18s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}