:root{font-family:SF Pro Text,PingFang SC,Helvetica Neue,sans-serif;line-height:1.5;color:#e8edf5;background:#0b1020}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(56,120,255,.18),transparent 30%),radial-gradient(circle at top right,rgba(16,185,129,.12),transparent 28%),#0b1020}.page{max-width:1200px;margin:0 auto;padding:32px 20px 48px}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.header-actions{display:flex;gap:10px}.header h1{margin:0 0 4px;font-size:28px}.header p{margin:0;color:#94a3b8}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{border:1px solid rgba(148,163,184,.18);background:#0f172a99;color:#cbd5e1;border-radius:10px;padding:8px 16px;cursor:pointer;font-weight:600}.tab.active{background:#2563eb38;border-color:#60a5fa73;color:#e2e8f0}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-header h2{margin:0}.panel-subtitle{margin-left:10px;color:#64748b;font-size:.85rem;font-weight:400}.filter-group{display:flex;gap:8px}.header-actions-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.active-filter{background:#2563eb38;border:1px solid rgba(96,165,250,.45)}.add-card-form{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(148,163,184,.12)}.modal-wide{width:min(860px,100%);max-height:90vh;overflow:auto}.section-title{margin:20px 0 12px;font-size:15px;color:#cbd5e1}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 16px;margin:0 0 8px}.detail-row{display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:#111827e6;border:1px solid rgba(148,163,184,.12)}.detail-row dt{color:#94a3b8;font-size:12px}.detail-row dd{margin:0;font-size:13px;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.modal-subtitle{margin:-8px 0 16px;color:#94a3b8}.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.key-list{display:grid;gap:10px;margin-bottom:20px;max-height:360px;overflow:auto}.key-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#111827e6;border:1px solid rgba(148,163,184,.12)}.key-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}.key-seq{color:#64748b;font-size:12px}.key-source{color:#94a3b8;font-size:12px}.banner{margin-bottom:20px;padding:12px 16px;border-radius:12px;background:#3b82f626;border:1px solid rgba(96,165,250,.25)}.banner.error{background:#ef44441f;border-color:#f8717159}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:28px;border-radius:16px;background:#0f172aeb;border:1px solid rgba(148,163,184,.15);display:grid;gap:14px}.login-card h1{margin:0;font-size:24px}.login-card p{margin:0;color:#94a3b8}.login-card label{display:grid;gap:6px;font-size:13px;color:#cbd5e1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b8;display:grid;place-items:center;padding:20px;z-index:100}.modal{width:min(420px,100%);padding:24px;border-radius:16px;background:#0f172a;border:1px solid rgba(148,163,184,.2)}.modal h3{margin:0 0 16px}.reveal-detail{display:grid;grid-template-columns:80px 1fr;gap:10px 12px;margin:0 0 20px}.reveal-detail dt{color:#94a3b8}.reveal-detail dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.btn.link{background:transparent;color:#60a5fa;padding:0;font-weight:500}.btn.link.warn{color:#fb923c}.row-actions{display:flex;flex-wrap:wrap;gap:10px}.mono-cell{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}.mono-cell small{color:#94a3b8}tr.row-revealed td.mono-cell{color:#fde68a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{padding:20px;border-radius:16px;background:#0f172ae0;border:1px solid rgba(148,163,184,.12);box-shadow:0 10px 30px #0000002e}.stat-card .label{display:block;color:#94a3b8;font-size:14px;margin-bottom:8px}.stat-card strong{display:block;font-size:36px;line-height:1.1;margin-bottom:8px}.stat-card small{color:#64748b}.accent-blue{border-color:#3b82f659}.accent-green{border-color:#10b98159}.accent-orange{border-color:#f9731659}.accent-purple{border-color:#a855f759}.accent-teal{border-color:#14b8a659}.field-hint{display:block;margin-top:.35rem;color:#64748b;font-size:.8rem}.panels{display:grid;grid-template-columns:360px 1fr;gap:20px}.panel{padding:20px;border-radius:16px;background:#0f172ae0;border:1px solid rgba(148,163,184,.12)}.panel h2{margin:0 0 16px;font-size:18px}.config-form{display:grid;gap:14px}.config-form label{display:grid;gap:6px;font-size:13px;color:#cbd5e1}.config-form input,.config-form select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,.18);background:#111827;color:#e5e7eb}.btn{border:0;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:600}.btn.primary{background:#2563eb;color:#fff}.btn.secondary{background:#94a3b81f;color:#e2e8f0}.btn:disabled{opacity:.6;cursor:not-allowed}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 10px;border-bottom:1px solid rgba(148,163,184,.12);text-align:left}th{color:#94a3b8;font-weight:600}.empty{text-align:center;color:#64748b}.tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px}.tag.ok{background:#10b98126;color:#34d399}.tag.warn{background:#f9731626;color:#fb923c}.tag.muted{background:#94a3b826;color:#94a3b8}.key-usage-hint{margin-left:6px;font-size:12px;color:#94a3b8}@media(max-width:960px){.panels{grid-template-columns:1fr}}