*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-hover: #242736;--border: #2a2d3a;--text: #e4e6f0;--text-dim: #8b8fa3;--accent: #6c5ce7;--accent-hover: #7c6cf7;--danger: #e74c3c;--danger-hover: #c0392b;--success: #2ecc71;--warning: #f39c12;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5}.app{max-width:1200px;margin:0 auto;padding:24px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.app-header h1{font-size:20px;font-weight:600}.app-header__actions{display:flex;gap:8px;align-items:center}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:16px}.login h1{font-size:24px;font-weight:700}.login p{color:var(--text-dim);font-size:13px}.login-form{display:flex;gap:8px;margin-top:8px}input[type=text],input[type=password]{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:var(--radius);font-size:13px;outline:none;min-width:300px}input:focus{border-color:var(--accent)}.btn{padding:8px 16px;border-radius:var(--radius);border:none;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.tabs{display:flex;gap:4px;margin-bottom:20px}.tab{padding:8px 16px;border-radius:var(--radius);border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:13px;font-weight:500}.tab:hover{background:var(--bg-hover);color:var(--text)}.tab.active{background:var(--accent);color:#fff}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);border-bottom:1px solid var(--border)}td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px;white-space:nowrap}tr:hover td{background:var(--bg-hover)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.badge-active{background:#2ecc7126;color:var(--success)}.badge-closed{background:#8b8fa326;color:var(--text-dim)}.badge-alive{background:#2ecc7126;color:var(--success)}.badge-expired{background:#f39c1226;color:var(--warning)}.badge-revoked{background:#e74c3c26;color:var(--danger)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.card h3{font-size:15px;font-weight:600;margin-bottom:4px}.card p{color:var(--text-dim);font-size:12px;margin-bottom:12px}.mono{font-family:SF Mono,Fira Code,monospace;font-size:12px}.text-dim{color:var(--text-dim)}.text-sm{font-size:12px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.flex{display:flex}.gap-2{gap:8px}.items-center{align-items:center}.justify-between{justify-content:space-between}.empty{text-align:center;padding:40px;color:var(--text-dim)}.error{color:var(--danger);font-size:13px;margin-top:8px}.refresh-hint{color:var(--text-dim);font-size:12px}