.toast{position:fixed;bottom:32px;right:32px;padding:14px 24px;border-radius:10px;font-size:14px;font-weight:700;z-index:9999;animation:fadeIn .2s ease}.toast-success{background:#00ff7f1a;border:1px solid rgba(0,255,127,.3);color:#00ff7f}.toast-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-page{padding:40px;background-color:#0b0b0d;min-height:100vh}@media(min-width:769px){.dashboard-page{margin-left:260px}}.create-card{background:#161618;border:1px solid #2a2a2d;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 10px 40px #0006}.card-header h3{font-size:20px;font-weight:800;color:#fff;display:flex;align-items:center}.card-header h3 span{font-size:12px;color:#fc0;background:#ffcc001a;padding:4px 12px;border-radius:6px;margin-left:15px;letter-spacing:.5px}.create-form-grid{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;margin-top:24px}.input-box{flex:1;min-width:220px;display:flex;flex-direction:column;gap:10px}.input-box label{font-size:11px;color:#555;text-transform:uppercase;font-weight:800;letter-spacing:1.2px}.input-box input{background:#000;border:1px solid #2a2a2d;color:#fff;padding:14px 18px;border-radius:12px;outline:none;font-size:15px;transition:all .3s ease}.input-box input:focus{border-color:#fc0;box-shadow:0 0 15px #ffcc0026;background:#050505}.btn-create{background:#fc0;color:#000;border:none;font-weight:800;padding:14px 32px;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #fc06}.secret-alert{margin-top:24px;background:linear-gradient(90deg,rgba(255,204,0,.05),transparent);border:1px dashed #ffcc00;padding:20px;border-radius:12px}.copy-row{display:flex;gap:12px;margin-top:10px}.copy-row code{flex:1;background:#000;padding:12px;color:#fc0;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:14px;border:1px solid #1a1a1c;word-break:break-all;white-space:pre-wrap;min-width:0}.list-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:15px;flex-wrap:wrap}.search-input{background:#000;border:1px solid #2a2a2d;color:#fff;padding:12px 20px;border-radius:12px;width:100%;max-width:350px;outline:none}.control-btns{display:flex;gap:10px}.btn-refresh-dashboard,.btn-toggle{background:#161618;border:1px solid #2a2a2d;color:#a0a0a5;padding:10px 15px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:.2s}.btn-toggle.active{border-color:#fc0;color:#fc0;background:#ffcc000d}.btn-refresh-dashboard:hover{border-color:#fff;color:#fff}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#444;font-size:15px}.keys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:24px}.key-card{background:#161618;border:1px solid #2a2a2d;border-radius:16px;padding:24px;transition:transform .3s ease,border-color .3s;min-width:0}.key-card:hover{border-color:#444;transform:translateY(-5px)}.revoked-card{opacity:.5;filter:grayscale(.8)}.key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.key-header h4{margin:0;color:#fff;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.stat-line{display:flex;justify-content:space-between;font-size:13px;color:#888;margin-bottom:8px}.stat-line b{color:#fff}.reset-info{margin-top:15px;padding-top:15px;border-top:1px solid #2a2a2d;display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;color:#555}.reset-info b{color:#fc0}.progress-track{height:6px;background:#000;border-radius:10px;margin:12px 0 15px}.progress-fill{height:100%;border-radius:10px;transition:width .4s ease}.key-actions{display:flex;gap:10px;margin-top:20px}.btn-modify-inline,.btn-revoke-inline{flex:1;background:transparent;border-radius:8px;padding:10px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.btn-modify-inline{border:1px solid #444;color:#fff}.btn-modify-inline:hover{background:#fff;color:#000;border-color:#fff}.btn-revoke-inline{border:1px solid #ff4444;color:#f44}.btn-revoke-inline:hover{background:#f44;color:#fff}@media(max-width:768px){.dashboard-page{padding:20px}.create-form-grid{flex-direction:column;align-items:stretch}.keys-grid{grid-template-columns:1fr}.list-controls{flex-direction:column;align-items:stretch}.input-box{width:100%;min-width:unset}}.log-container{padding:40px;background-color:#0b0b0d;min-height:100vh}@media(min-width:769px){.log-container{margin-left:260px}}.log-card{background:#161618;border:1px solid #2a2a2d;border-radius:16px;overflow:hidden}.log-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.log-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.log-table{width:100%;border-collapse:collapse;min-width:600px}.log-table th{background:#1c1c1e;padding:16px 24px;text-align:left;font-size:11px;text-transform:uppercase;color:#666;letter-spacing:1px}.log-table td{padding:16px 24px;border-bottom:1px solid #1f1f22;font-size:13px;color:#eee;white-space:nowrap}.btn-refresh{background:#fc0;color:#000;border:none;font-weight:800;padding:8px;border-radius:12px;cursor:pointer;transition:all .2s ease}.event-tag{padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase}.tag-created{background:#00ff7f1a;color:#00ff7f}.tag-revoked{background:#ff44441a;color:#f44}.tag-updated{background:#007bff1a;color:#007bff}.tag-request_success{background:#00e5ff1a;color:#00e5ff}.tag-request_blocked_limit{background:#ffcc001a;color:#fc0}.tag-request_failed{background:#ff007f1a;color:#ff007f}.tag-key_deleted{background:#a0a0a51a;color:#a0a0a5}@media(max-width:600px){.log-container{padding:15px}.log-header{padding:20px}.log-table td,.log-table th{padding:12px 15px;font-size:12px}}.guide-page{padding:40px;background-color:#0b0b0d;min-height:100vh}@media(min-width:769px){.guide-page{margin-left:260px}}.guide-hero{margin-bottom:48px}.guide-hero-label{font-size:11px;font-weight:800;letter-spacing:2px;color:#fc0;margin-bottom:12px;text-transform:uppercase}.guide-hero-title{font-size:42px;font-weight:900;color:#fff;margin:0 0 16px;line-height:1.1}.guide-hero-sub{font-size:16px;color:#666;line-height:1.7;max-width:600px;margin:0}.guide-disclaimer{display:flex;gap:16px;align-items:flex-start;background:#ffcc000a;border:1px solid rgba(255,204,0,.2);border-radius:12px;padding:20px 24px;margin-bottom:48px}.disclaimer-icon{font-size:20px;flex-shrink:0;margin-top:2px}.guide-disclaimer strong{display:block;color:#fc0;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.guide-disclaimer p{color:#666;font-size:13px;line-height:1.7;margin:0}.guide-section{margin-bottom:56px}.guide-section-title{font-size:20px;font-weight:800;color:#fff;margin:0 0 8px;padding-bottom:16px;border-bottom:1px solid #2a2a2d}.guide-section-desc{color:#666;font-size:14px;margin:0 0 20px}.guide-usecase-card{background:#161618;border:1px solid #2a2a2d;border-radius:12px;padding:24px;color:#a0a0a5;font-size:15px;line-height:1.8}.guide-steps{display:flex;flex-direction:column;gap:0}.guide-step{display:flex;gap:24px;align-items:flex-start;padding:28px 0;border-bottom:1px solid #1a1a1c}.guide-step:last-child{border-bottom:none}.step-number{font-size:13px;font-weight:900;color:#fc0;font-family:JetBrains Mono,monospace;flex-shrink:0;width:32px;padding-top:3px}.step-content h3{font-size:16px;font-weight:800;color:#fff;margin:0 0 8px}.step-content p{font-size:14px;color:#666;line-height:1.7;margin:0}.guide-code-block{background:#000;border:1px solid #2a2a2d;border-radius:12px;overflow:hidden;margin-bottom:16px}.code-label{font-size:11px;font-weight:800;color:#555;text-transform:uppercase;letter-spacing:1.2px;padding:12px 20px;border-bottom:1px solid #1a1a1c;background:#0a0a0a}.guide-code-block pre{margin:0;padding:20px;overflow-x:auto}.guide-code-block code{font-family:JetBrains Mono,monospace;font-size:13px;color:#fc0;line-height:1.8;white-space:pre}.guide-response-card{background:#161618;border:1px solid #2a2a2d;border-radius:12px;overflow:hidden;margin-top:16px}.response-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.response-field{padding:16px 20px;border-bottom:1px solid #1a1a1c;border-right:1px solid #1a1a1c}.response-field:nth-child(2n){border-right:none}.response-field:nth-last-child(-n+2){border-bottom:none}.response-field span{font-family:JetBrains Mono,monospace;font-size:12px;color:#fc0;display:block;margin-bottom:4px}.response-field p{font-size:12px;color:#555;margin:0;line-height:1.5}.guide-states{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.state-card{background:#161618;border:1px solid #2a2a2d;border-radius:12px;padding:20px}.state-card p{font-size:13px;color:#666;margin:12px 0 0;line-height:1.6}.status-pill{font-size:10px;font-weight:900;text-transform:uppercase;padding:4px 10px;border-radius:20px;letter-spacing:1px}.status-pill.active{background:#00ff7f1a;color:#00ff7f;border:1px solid rgba(0,255,127,.2)}.status-pill.revoked{background:#ff44441a;color:#f44;border:1px solid rgba(255,68,68,.2)}.status-pill.deleted{background:#a0a0a51a;color:#a0a0a5;border:1px solid rgba(160,160,165,.2)}.guide-events{display:flex;flex-direction:column;gap:0;background:#161618;border:1px solid #2a2a2d;border-radius:12px;overflow:hidden}.event-row{display:flex;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid #1a1a1c}.event-row:last-child{border-bottom:none}.event-desc{font-size:13px;color:#666}.event-tag{font-size:10px;font-weight:800;font-family:JetBrains Mono,monospace;padding:4px 10px;border-radius:6px;text-transform:lowercase;white-space:nowrap;flex-shrink:0;min-width:180px;text-align:center}.tag-created{background:#00c8ff14;color:#00c8ff;border:1px solid rgba(0,200,255,.15)}.tag-updated{background:#ffcc0014;color:#fc0;border:1px solid rgba(255,204,0,.15)}.tag-revoked{background:#ff444414;color:#f44;border:1px solid rgba(255,68,68,.15)}.tag-key_deleted{background:#a050ff14;color:#a050ff;border:1px solid rgba(160,80,255,.15)}.tag-request_success{background:#00ff7f14;color:#00ff7f;border:1px solid rgba(0,255,127,.15)}.tag-request_blocked_limit{background:#ff8c0014;color:#ff8c00;border:1px solid rgba(255,140,0,.15)}.tag-request_failed{background:#ff444414;color:#f44;border:1px solid rgba(255,68,68,.15)}.guide-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.guide-list li{font-size:14px;color:#666;line-height:1.7}.guide-list li strong{color:#fff}.guide-list li code{font-family:JetBrains Mono,monospace;font-size:12px;color:#fc0;background:#ffcc0014;padding:2px 6px;border-radius:4px}@media(max-width:768px){.guide-page{padding:20px}.guide-hero-title{font-size:28px}.guide-states,.response-grid{grid-template-columns:1fr}.response-field{border-right:none!important}.response-field:nth-last-child(-n+2){border-bottom:1px solid #1a1a1c}.response-field:last-child{border-bottom:none}}.app-sidebar{width:260px;height:100vh;background-color:#0b0b0d;border-right:1px solid #1f1f22;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:2100;padding:32px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.brand-logo{display:flex;align-items:center;gap:14px;padding:0 8px 48px}.logo-box{background:linear-gradient(135deg,#fc0,#ff9500);color:#000;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:900;box-shadow:0 0 15px #ffcc004d}.brand-logo h2{font-size:20px;font-weight:800;letter-spacing:-.5px;color:#fff}.brand-logo h2 span{color:#fc0;opacity:.8}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;padding:12px 16px;text-decoration:none;color:#88888b;font-size:14px;font-weight:500;border-radius:10px;transition:all .25s ease;position:relative}.nav-link:hover{background:#ffffff08;color:#fff}.nav-link.active{background:#ffcc0014;color:#fc0}.nav-link.active:before{content:"";position:absolute;left:-16px;width:4px;height:20px;background:#fc0;border-radius:0 4px 4px 0;box-shadow:2px 0 10px #ffcc0080}.nav-icon{margin-right:14px;font-size:16px}.sidebar-footer{border-top:1px solid #1f1f22;padding-top:24px;margin-top:auto}.user-profile{display:flex;align-items:center;gap:12px;padding:0 8px 20px}.auth-dot{width:10px;height:10px;border-radius:50%}.auth-on{background:#00ff7f;box-shadow:0 0 12px #00ff7f66}.auth-off{background:#f44;box-shadow:0 0 12px #f446}.user-status-text{font-size:12px;font-weight:700;letter-spacing:.5px}.txt-auth{color:#00ff7f}.txt-unauth{color:#f44}.logout-button{width:100%;background:#ff44440d;border:1px solid rgba(255,68,68,.2);color:#f44;padding:12px;border-radius:10px;cursor:pointer;font-weight:700;transition:.3s}.logout-button:hover{background:#f44;color:#fff;box-shadow:0 4px 15px #ff44444d}.mobile-header{display:none;background:#0b0b0dcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 24px;justify-content:space-between;align-items:center;border-bottom:1px solid #1f1f22;position:sticky;top:0;z-index:2000}.menu-toggle{background:#161618;border:1px solid #2a2a2d;color:#fff;width:40px;height:40px;border-radius:8px;font-size:20px;cursor:pointer}@media(max-width:768px){.app-sidebar{transform:translate(-100%);width:280px}.app-sidebar.open{transform:translate(0);box-shadow:20px 0 50px #000c}.mobile-header{display:flex}.menu-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1900}.desktop-only{display:hidden}}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#0b0b0d;color:#fff;font-family:Inter,-apple-system,system-ui,sans-serif;overflow-x:hidden}:root{--bg-dark: #0b0b0d;--card-bg: #161618;--accent-yellow: #ffcc00;--text-main: #ffffff;--text-dim: #a0a0a5;--border-color: #2a2a2d}*{box-sizing:border-box}.auth-wrapper{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;background-color:var(--bg-dark);padding:20px}.auth-card{background:var(--card-bg);padding:40px;border-radius:12px;border:1px solid var(--border-color);width:100%;max-width:400px;box-shadow:0 25px 50px -12px #00000080;transition:all .3s ease}.hero-content{text-align:center;max-width:700px;padding:0 15px}.hero-content h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;margin-bottom:1.5rem;letter-spacing:-2px}.hero-content h1 span{color:var(--accent-yellow)}.hero-content p{color:var(--text-dim);font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;margin-bottom:2.5rem}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form h2{margin:0 0 8px;font-size:24px}.auth-form input{background:#000;border:1px solid var(--border-color);padding:14px;border-radius:6px;color:#fff;font-size:16px;outline:none;transition:border-color .2s}.auth-form input:focus{border-color:var(--accent-yellow)}.btn-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-primary{background:var(--accent-yellow);color:#000;border:none;padding:14px 28px;border-radius:6px;font-weight:700;cursor:pointer;font-size:15px;transition:transform .1s,background .2s}.btn-outline{background:transparent;border:1px solid var(--accent-yellow);color:var(--accent-yellow);padding:14px 28px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#e6b800}.btn-outline:hover{background:#ffcc001a}.landing-disclaimer{margin-top:24px;font-size:12px;color:#444;line-height:1.6}.disclaimer-link{color:#fc0;cursor:pointer;text-decoration:underline}.disclaimer-link:hover{color:#fff}@media(max-width:480px){.auth-card{padding:24px;border-radius:8px}.btn-group{flex-direction:column}.btn-primary,.btn-outline{width:100%}}