*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;font-size:15px;line-height:1.6}#root{width:100%;min-height:100vh}.shell{background:var(--bg-secondary);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-primary);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-top{border-bottom:1px solid var(--color-border);padding:20px 20px 16px}.brand{align-items:center;gap:10px;display:flex}.brand-icon{background:var(--color-accent);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-icon svg{width:16px;height:16px;fill:var(--color-text-inverted)}.brand-name{color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.2}.brand-sub{color:var(--text-muted);font-size:12px}.nav{flex:1;padding:12px;overflow-y:auto}.nav-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin:0;padding:12px 10px 6px;font-size:11px;font-weight:600}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:8px 12px;font-family:inherit;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--color-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--bg-highlight);color:var(--color-accent);font-weight:500}.nav-item.active svg,.nav-item:hover svg{opacity:1}.nav-item svg{opacity:.7;flex-shrink:0;width:14px;height:14px}.sidebar-footer{border-top:1px solid var(--color-border);padding:12px}.main{min-width:0;margin-left:var(--sidebar-width);flex-direction:column;flex:1;display:flex}.topbar{z-index:50;border-bottom:1px solid var(--color-border);background:var(--bg-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.page-title{color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:500}.topbar-actions{align-items:center;gap:8px;display:flex}.content{background:var(--bg-secondary);flex:1;padding:24px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:2px}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-track{background:0 0}.content::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}@media (width<=1024px){.sidebar{width:240px}.main{margin-left:240px}}@media (width<=768px){.sidebar{width:280px;transition:transform .3s;position:fixed;transform:translate(-100%);box-shadow:0 0 20px #00000080}.sidebar.open{transform:translate(0)}.main{margin-left:0}.topbar{padding:12px 16px}.content{padding:16px}.page-title{font-size:14px}}.login-page{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:40px 32px;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:32px}.login-icon{background:var(--color-accent);border-radius:var(--radius-md);width:56px;height:56px;color:var(--color-text-inverted);justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.login-icon svg{width:28px;height:28px}.login-header h1{color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:1.375rem;font-weight:600}.login-subtitle{color:var(--color-text-secondary);margin:0;font-size:.875rem}.login-form{flex-direction:column;gap:16px;display:flex}.login-form .form-group{flex-direction:column;gap:6px;display:flex}.login-form label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.login-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);background:var(--bg-tertiary);color:var(--color-text-primary);transition:border-color var(--transition-fast);padding:10px 14px}.login-form input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--bg-highlight);outline:none}.login-form input::placeholder{color:var(--color-text-tertiary)}.login-footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-tertiary);margin-top:24px;padding-top:16px;font-size:.8125rem}.login-error{border-radius:var(--radius-md);color:var(--color-danger);text-align:center;background:#f851491a;border:1px solid #f851494d;margin-bottom:16px;padding:12px 16px;font-size:.875rem}@media (width<=480px){.login-card{padding:32px 24px}.login-icon{width:48px;height:48px}}:root{--color-primary:#0d1117;--color-secondary:#161b22;--color-tertiary:#21262d;--color-accent:#58a6ff;--color-accent-hover:#79c0ff;--color-success:#3fb950;--color-warning:#d29922;--color-danger:#f85149;--color-text-primary:#f0f6fc;--color-text-secondary:#8b949e;--color-text-tertiary:#6e7681;--color-text-inverted:#0d1117;--color-border:#30363d;--color-border-strong:#484f58;--bg-primary:var(--color-primary);--bg-secondary:var(--color-secondary);--bg-tertiary:var(--color-tertiary);--bg-highlight:#58a6ff1a;--primary:var(--color-primary);--secondary:var(--color-secondary);--tertiary:var(--color-tertiary);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--text-muted:var(--color-text-tertiary);--text-inverted:var(--color-text-inverted);--border:var(--color-border);--border-strong:var(--color-border-strong);--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--success:var(--color-success);--warning:var(--color-warning);--danger:var(--color-danger);--text-dark:var(--color-text-inverted);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--sidebar-width:280px;--content-max-width:1400px;--transition-fast:.15s ease;--transition-normal:.25s ease;--radius-sm:6px;--radius-md:8px;--radius-lg:12px}@media (prefers-color-scheme:light){:root{--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-tertiary:#eaeef2;--bg-highlight:#58a6ff26;--color-text-primary:#0d1117;--color-text-secondary:#57606a;--color-text-tertiary:#8b949e;--color-text-inverted:#fff;--color-border:#d0d7de;--color-border-strong:#9ca3af}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:15px;line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4) 0;color:var(--color-text-primary);letter-spacing:-.02em;font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}@media (width>=768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);max-width:70ch}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}.controls-bar{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.controls-left{gap:var(--space-3);flex-wrap:wrap;flex:1;align-items:center;display:flex}.controls-right{gap:var(--space-3);align-items:center;display:flex}.page{max-width:var(--content-max-width);margin:0 auto}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.page-header h1{margin:0 0 var(--space-2) 0}.page-header p{color:var(--color-text-secondary);margin:0;font-size:.9375rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--bg-tertiary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-border);border-color:var(--color-border-strong)}.btn-primary{background:var(--color-accent);color:var(--color-text-inverted);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.btn-danger:hover:not(:disabled){background:#f851491a}.btn-sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:14px;height:14px}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);background:var(--bg-tertiary);color:var(--color-text-primary);min-width:280px;transition:border-color var(--transition-fast);padding:8px 12px}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--bg-highlight);outline:none}.search-input::placeholder{color:var(--color-text-tertiary)}.search-count{color:var(--color-text-secondary);white-space:nowrap;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:6px 12px;font-size:13px}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-primary);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead{background:var(--bg-secondary)}.data-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:middle;padding:14px 16px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg-secondary)}.data-table tbody tr{transition:background-color var(--transition-fast)}.action-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.act-btn{align-items:center;gap:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.act-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--color-border-strong);color:var(--color-text-primary)}.act-btn.danger:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger);background:#f851491a}.act-btn.primary{background:var(--color-accent);color:var(--color-text-inverted);border-color:var(--color-accent)}.act-btn.primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.act-btn:disabled{opacity:.4;cursor:not-allowed}.act-btn svg{width:13px;height:13px}.badge{white-space:nowrap;border:1px solid var(--color-border);background:var(--bg-tertiary);color:var(--color-text-secondary);border-radius:9999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-connected,.badge-active{color:var(--color-success);background:#3fb9501a;border-color:#3fb9504d}.badge-connecting{color:var(--color-warning);background:#d299221a;border-color:#d299224d}.badge-disconnected,.badge-suspended{color:var(--color-danger);background:#f851491a;border-color:#f851494d}.badge-neutral{color:var(--color-text-secondary)}.font-mono{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.02em;font-size:12px}.api-key{font-family:var(--font-mono);color:var(--color-text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:4px 8px;font-size:12px}.metrics-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.metric-card{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-primary)}.metric-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);font-size:.75rem;font-weight:600}.metric-value{color:var(--color-text-primary);margin-bottom:var(--space-2);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1}.metric-change{color:var(--color-text-secondary);font-size:.875rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:550px;max-height:90vh;animation:.2s slideUp;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.modal-header h2{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:600}.modal-content{padding:var(--space-5)}.modal-content p{margin:0 0 var(--space-4) 0;font-size:14px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--bg-secondary);display:flex}.form-group{margin-bottom:var(--space-4)}.form-label{color:var(--color-text-primary);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:14px;font-family:var(--font-sans);background:var(--bg-tertiary);color:var(--color-text-primary);transition:border-color var(--transition-fast);padding:10px 12px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--bg-highlight);outline:none}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer}.checkbox-group label,.radio-group label{color:var(--color-text-primary);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-accent)}.qr-display{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--space-4) 0;text-align:center;background:var(--bg-secondary)}.qr-image{border:2px solid var(--color-accent);border-radius:var(--radius-md);max-width:256px;max-height:256px;margin:0 auto var(--space-4);display:block}.qr-status{margin-bottom:var(--space-4);color:var(--color-text-primary);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.pairing-code{background:var(--bg-tertiary);border-radius:var(--radius-md);font-family:var(--font-mono);letter-spacing:4px;border:1px solid var(--color-border);margin-top:var(--space-3);color:var(--color-text-primary);text-align:center;padding:16px;font-size:1.5rem;display:block}.checkbox-grid{margin-top:var(--space-2);max-height:240px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-secondary);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid;overflow-y:auto}.checkbox-label{cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);color:var(--color-text-primary);align-items:center;gap:6px;padding:6px;font-size:13px;display:flex}.checkbox-label:hover{background:var(--bg-tertiary)}.checkbox-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-accent)}.loading-container{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-secondary);flex-direction:column;display:flex}.spinner{border:3px solid var(--bg-tertiary);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-12);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--bg-primary)}.empty-state-icon{margin-bottom:var(--space-4);opacity:.4;font-size:3rem}.callout{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin:var(--space-6) 0;background:var(--bg-secondary);border-left:4px solid}.callout.warning{border-left-color:var(--color-warning);background:#d299221a}.callout.warning strong{color:var(--color-warning)}.callout.info{border-left-color:var(--color-accent);background:var(--bg-highlight)}.callout.info strong{color:var(--color-accent)}.callout strong{margin-bottom:var(--space-2);color:var(--color-text-primary);font-weight:600;display:block}code{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--color-accent);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;font-size:.875em}pre{background:var(--color-primary);color:var(--color-text-primary);padding:var(--space-5);border-radius:var(--radius-lg);margin:var(--space-6) 0;border:1px solid var(--color-border);font-size:13px;line-height:1.7;overflow-x:auto}pre code{color:inherit;background:0 0;border:none;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.font-medium{font-weight:500}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-small{font-size:11px}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.gap-1{gap:var(--space-2)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.flex-center{justify-content:center;align-items:center;display:inline-flex}.flex-wrap{flex-wrap:wrap;display:flex}.flex-1{flex:1}.action-danger.act-btn{color:var(--color-danger)}.action-danger.act-btn:hover{border-color:var(--color-danger);background:#f851491a}.error-message{border-radius:var(--radius-md);border:1px solid var(--color-danger);color:var(--color-danger);margin:var(--space-4) 0;background:#f851491a;padding:12px 16px;font-size:14px}.warning-banner{border-radius:var(--radius-md);color:var(--color-warning);margin-bottom:var(--space-6);background:#d299221a;border:1px solid #d299224d;padding:12px 16px;font-size:14px}.keys-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:1fr;display:grid}.key-card h3{margin-bottom:12px;font-size:14px}.key-value{align-items:center;gap:8px;margin-bottom:8px;display:flex}.key-value code{word-break:break-all;flex:1;padding:10px 12px;font-size:13px}.info-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.info-section h2{margin-bottom:16px}.info-section p,.info-section li{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.info-section ul{padding-left:24px}.info-section li+li{margin-top:8px}.btn-copy{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:13px;font-family:var(--font-sans);padding:6px 12px}.btn-copy:hover{background:var(--color-border);color:var(--color-text-primary)}QR modal size fix .qr-modal{max-width:600px}@media (width<=768px){.controls-bar{flex-direction:column;align-items:stretch}.controls-left,.controls-right{justify-content:center;width:100%}.search-input{min-width:100%}.modal{margin:var(--space-2);max-width:100%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.data-table{font-size:13px}.data-table th,.data-table td{padding:10px 12px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}.portal-grid{flex-direction:column;gap:16px;display:flex}.btn-sm{border:1px solid var(--color-border);background:var(--color-tertiary);color:var(--color-text-primary);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11px;transition:background .15s}.porta .portal-grid{flex-direction:column;gap:16px;display:flex}.portal-card{padding:20px}.portal-card h3{color:var(--color-text-primary);margin-bottom:16px;font-size:16px}.credential-item{margin-bottom:12px}.credential-item label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.credential-value{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.credential-value code{background:var(--color-tertiary);word-break:break-all;color:var(--color-accent);border-radius:6px;padding:6px 10px;font-family:SF Mono,Fira Code,monospace;font-size:13px}.btn-sm{border:1px solid var(--color-border);background:var(--color-tertiary);color:var(--color-text-primary);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11px}.btn-sm:hover{background:var(--color-border-strong)}.portal-steps{padding-left:20px;line-height:1.8}.portal-steps li{margin-bottom:8px}.portal-steps code{background:var(--color-tertiary);border-radius:4px;padding:2px 6px;font-size:12px}.portal-steps pre{background:var(--color-primary);color:var(--color-text-primary);border-radius:8px;padding:12px;font-size:12px;overflow-x:auto}.security-page{padding:0}.warning-banner{border:1px solid #d299224d;border-left:4px solid var(--color-warning);color:var(--color-warning);border-radius:var(--radius-md);background:#d299221a;margin-bottom:32px;padding:14px 18px;font-size:.875rem;font-weight:500}.btn-toggle-secrets{background:var(--bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px;font-size:14px;font-weight:500}.btn-toggle-secrets:hover:not(:disabled){background:var(--color-border);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-toggle-secrets.active{border-color:var(--color-danger);color:var(--color-danger);background:#f851491a}.keys-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;margin-bottom:48px;display:grid}.key-card{background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.key-card h3{margin:0 0 var(--space-4) 0;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.key-value{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:flex}.key-value code{font-family:var(--font-mono);word-break:break-all;color:var(--color-accent);flex:1;font-size:.8125rem}.key-description{color:var(--color-text-tertiary);margin:0;font-size:.8125rem}.btn-copy{background:var(--accent);color:var(--text-dark);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast);border:none;padding:6px 12px;font-size:.8rem;font-weight:600}.btn-copy:hover:not(:disabled){opacity:.85}.info-section{background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.info-section h2{color:var(--color-text-primary);letter-spacing:-.01em;margin-top:0;margin-bottom:16px;font-size:1.25rem;font-weight:600}.info-section ul{margin:0;padding-left:24px}.info-section li{color:var(--color-text-secondary);margin-bottom:10px;line-height:1.7}.info-section strong{color:var(--color-text-primary);font-weight:500}.info-section li code{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--color-accent);border:1px solid var(--color-border);border-radius:3px;padding:2px 6px;font-size:.8125rem}.security-page.loading,.security-page.error{color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:96px 24px;display:flex}.security-page.error{color:var(--color-danger);font-size:1.1rem}