:root{--bg: #f6f7fb;--bg-card: #ffffff;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--primary: #2563eb;--primary-600: #1d4ed8;--danger: #dc2626;--radius: 12px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-width:320px;min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-600)}.header{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-inner{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;color:#111827}.nav{display:flex;gap:16px}.nav-link{font-size:.95rem;color:#4b5563;padding:6px 10px;border-radius:8px}.nav-link:hover{color:var(--primary);background:#eef2ff}.nav-link.active{color:var(--primary);font-weight:600;background:#eef2ff}.container{max-width:1100px;margin:0 auto;padding:20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px #00000008;padding:18px}.card+.card{margin-top:16px}.section-title{margin:0 0 8px;font-size:1.25rem}.muted{color:var(--muted);font-size:.9rem}.input,.select,.textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:.95rem;box-sizing:border-box}.textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.field{margin-bottom:12px}.label{display:block;font-weight:600;margin-bottom:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:10px;padding:8px 14px;font-weight:600;cursor:pointer}.btn:hover{border-color:#cbd5e1}.btn:disabled,.btn[disabled]{background:#f3f4f6;border-color:var(--border);color:#9ca3af;cursor:not-allowed}.btn:disabled:hover,.btn[disabled]:hover{border-color:var(--border)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-600);border-color:var(--primary-600)}.btn-danger{background:#fff5f5;color:var(--danger);border-color:#fecaca}.btn-danger:hover{background:#fee2e2}.btn-secondary{background:#f8fafc}.btn-sm{padding:6px 10px;font-size:.9rem}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}.table thead th{background:#f8fafc;font-weight:700}.table tbody tr:hover{background:#fafafa}.status-active{color:#16a34a;font-weight:700}.status-revoked{color:#dc2626;font-weight:700}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}.pagination-info{color:var(--muted);font-size:.9rem}.pagination-controls{display:flex;align-items:center;gap:10px}.page-number{font-weight:600}.code-block{background:#0b1020;color:#d1e7ff;border-radius:10px;padding:12px;overflow:auto;border:1px solid #141b2d;box-shadow:inset 0 1px #ffffff0a}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}fieldset.form-section{border:1px solid var(--border);border-radius:10px;padding:10px;margin:0 0 12px}legend.form-legend{padding:0 6px;font-weight:600;color:#374151}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:12px;padding:18px;width:100%;max-width:700px;outline:none;border:1px solid var(--border);box-shadow:0 10px 30px #00000026}