:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:#1a1a1a;background:#f7f7f8}*{box-sizing:border-box}body{margin:0}.app{max-width:1200px;margin:0 auto;padding:24px 20px 48px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{font-size:20px;font-weight:600;margin:0}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:16px}input[type=text],input[type=number],input[type=datetime-local]{padding:6px 10px;border:1px solid #d0d0d5;border-radius:6px;font:inherit;background:#fff}button{padding:6px 14px;border:1px solid #c7c7cc;background:#fff;border-radius:6px;font:inherit;cursor:pointer}button.primary{background:#1a66f8;color:#fff;border-color:#1a66f8}button.primary:hover{background:#1655d6}button.danger{color:#c0392b;border-color:#d8a2a2}button.danger:hover{background:#fbeae8}button:disabled{opacity:.55;cursor:not-allowed}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e1e1e4;border-radius:8px;overflow:hidden}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #eee;font-size:13px;vertical-align:middle}th{background:#fafafb;font-weight:600;color:#555}tr:last-child td{border-bottom:none}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;background:#f1f1f3;padding:1px 6px;border-radius:4px}.badge{display:inline-block;padding:1px 8px;border-radius:999px;background:#e8f0fe;color:#1a66f8;font-size:11px;margin-right:4px}.muted{color:#8b8b93}.empty{padding:40px;text-align:center;color:#8b8b93;background:#fff;border:1px dashed #ddd;border-radius:8px}.error{padding:10px 14px;background:#fbeae8;border:1px solid #f5c6c2;border-radius:6px;color:#a0241b;margin-bottom:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.dialog{background:#fff;border-radius:10px;box-shadow:0 20px 40px #00000026;width:100%;max-width:480px;padding:20px 24px}.dialog h2{margin:0 0 14px;font-size:16px;font-weight:600}.field{display:block;margin-bottom:12px}.field label{display:block;font-size:12px;color:#555;margin-bottom:4px}.field input{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.key-display{font-family:ui-monospace,SF Mono,Menlo,monospace;background:#111;color:#f0f0f0;padding:10px 12px;border-radius:6px;word-break:break-all;font-size:12px;margin:8px 0 12px}.warn{padding:10px 12px;background:#fff8e5;border:1px solid #f1d788;border-radius:6px;font-size:13px;color:#7a5b00}@media(prefers-color-scheme:dark){:root{color:#e4e4e7;background:#0f1013}table,.dialog{background:#17181c;border-color:#2a2b31;color:#e4e4e7}th{background:#1c1d22;color:#a7a7ae}th,td{border-color:#2a2b31}input[type=text],input[type=number],input[type=datetime-local],button{background:#1e1f24;border-color:#393a42;color:#e4e4e7}button.primary{background:#1a66f8;border-color:#1a66f8}code{background:#1e1f24}.badge{background:#11294a}.empty{background:#17181c;border-color:#2a2b31}.error{background:#3a1a16;border-color:#7a2d24;color:#f4b8b2}.warn{background:#3a2e10;border-color:#7a5e18;color:#f6dd9e}}