:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-glow: rgba(37, 99, 235, .4);--bg-dark: #0f172a;--bg-darker: #020617;--surface: rgba(30, 41, 59, .7);--surface-border: rgba(148, 163, 184, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--glass-bg: rgba(15, 23, 42, .8);--glass-blur: blur(12px);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-premium: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-darker);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,.premium-text{font-family:var(--font-premium);font-weight:700;letter-spacing:-.02em}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);box-shadow:0 8px 32px #0000004d}.glass-card{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:1.5rem;transition:transform .2s ease,border-color .2s ease}.glass-card:hover{border-color:#2563eb4d;transform:translateY(-2px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media(max-width:768px){body{font-size:15px}}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.primary-btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);display:inline-flex;justify-content:center;align-items:center;gap:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px var(--primary-glow)}.primary-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.primary-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.secondary-btn{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--surface-border);padding:.75rem 1.5rem;border-radius:var(--radius-md);display:inline-flex;justify-content:center;align-items:center;gap:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.secondary-btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px)}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn.danger-btn{background:var(--error);box-shadow:0 4px 15px #ef44444d}.primary-btn.danger-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 6px 20px #ef444466}.env-toggle{display:flex;padding:4px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 2px 4px #0003}.toggle-btn{padding:.5rem 1.5rem;border-radius:999px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.flex{display:flex!important}.flex-col{display:flex!important;flex-direction:column!important}.flex-center{display:flex!important;align-items:center!important;justify-content:center!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-6{gap:1.5rem!important}.gap-8{gap:2rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1rem!important}.mt-6{margin-top:1.5rem!important}.mt-8{margin-top:2rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-8{margin-bottom:2rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2rem!important}.w-full{width:100%!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-sm{font-size:.875rem!important}.text-xs{font-size:.75rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sidebar{width:260px;height:100vh;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;border-right:1px solid var(--surface-border);padding:1.5rem 1rem}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;margin-bottom:2.5rem}.logo-icon{width:32px;height:32px;background:var(--primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;box-shadow:0 0 15px var(--primary-glow)}.logo-text{font-size:1.25rem;background:linear-gradient(to right,#fff,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;font-weight:500}.nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.nav-item.active{background:#2563eb1a;color:var(--primary);border-left:2px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.sidebar-footer{margin-top:auto;border-top:1px solid var(--surface-border);padding-top:1rem;display:flex;flex-direction:column;gap:1rem}.compliance-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#10b9811a;color:var(--success);border-radius:20px;font-size:.75rem;font-weight:600}@media(max-width:1024px){.sidebar{width:80px;padding:1.5rem .5rem}.nav-label,.logo-text,.compliance-badge span{display:none}.logo-icon{margin:0 auto}.nav-item{justify-content:center;padding:1rem}.compliance-badge{justify-content:center}}.super-admin-icon{color:gold;filter:drop-shadow(0 0 5px rgba(255,215,0,.3))}.nav-item.active .super-admin-icon{color:#fff;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.navbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:fixed;top:0;right:0;left:260px;z-index:90;border-bottom:1px solid var(--surface-border)}.navbar.glass{background:#0d0d11b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-left{display:flex;align-items:center}.page-title{font-size:1.25rem;font-weight:700;margin:0;white-space:nowrap;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.search-bar{display:flex;align-items:center;background:#ffffff0d;padding:.5rem 1rem;border-radius:var(--radius-md);width:400px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;border:1px solid rgba(255,255,255,.1)}.search-bar:focus-within,.search-bar.active{background:#ffffff14;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);width:450px}.search-bar input{background:transparent;border:none;color:var(--text-primary);margin-left:.5rem;width:100%;outline:none;font-size:.9rem}.navbar-actions{display:flex;align-items:center;gap:1.5rem}.icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px}.notification-dot{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--primary);color:#fff;font-size:9px;font-weight:900;border-radius:10px;border:2px solid #0d0d11;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--primary-glow)}.user-profile{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.35rem .75rem;border-radius:12px;transition:all .2s ease;border:1px solid transparent}.icon-btn:hover,.icon-btn.active{color:var(--text-primary);background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.icon-btn.active{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.user-profile:hover,.user-profile.active{background:#ffffff14;border-color:#ffffff1a}.user-profile.active{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.user-plan{font-size:.75rem;color:var(--primary);font-weight:500}.user-avatar{width:36px;height:36px;background:var(--surface);border:1px solid var(--surface-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.relative{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:#0d0d11f2;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 40px #0006;z-index:1000;overflow:hidden;animation:dropdownSlide .3s cubic-bezier(.16,1,.3,1)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header,.notifications-header{padding:1rem 1.25rem;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.notifications-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:#0d0d11f2;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 40px #0006;z-index:1000;overflow:hidden}.clear-all{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:10px;font-weight:600;transition:all .2s;padding:4px 8px;border-radius:4px}.clear-all:hover{color:var(--primary);background:#2563eb1a}.dropdown-item{padding:.85rem 1.25rem;display:flex;align-items:center;gap:1rem;font-size:14px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background:#ffffff14;padding-left:1.5rem}.dropdown-item.logout{color:#f87171}.dropdown-item.unread{background:#2563eb0d}.item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.item-icon.success{background:#10b9811a;color:#10b981}.item-icon.info{background:#2563eb1a;color:#3b82f6}.item-body p{margin:0;font-weight:600;font-size:13px}.item-body span{font-size:11px;color:var(--text-secondary)}.divider{height:1px;background:#ffffff1a;margin:4px 0}.search-results{width:100%;top:calc(100% + 8px);right:auto;left:0}.no-results{padding:1.5rem;text-align:center;color:var(--text-secondary);font-style:italic;font-size:13px}.search-result-item{padding:.75rem 1.25rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.03)}.search-result-item:hover{background:#ffffff0d}.search-result-item .res-icon{width:28px;height:28px;background:#2563eb1a;color:var(--primary);border-radius:6px;display:flex;align-items:center;justify-content:center}.search-result-item .res-info{flex:1}.search-result-item .res-name{font-size:13px;font-weight:600;color:var(--text-primary)}.search-result-item .res-cat{font-size:11px;color:var(--text-secondary)}.search-result-item .res-arrow{color:var(--text-secondary);opacity:0;transition:all .2s ease}.search-result-item:hover .res-arrow{opacity:1;transform:translate(3px)}.search-footer{padding:.75rem 1.25rem;font-size:11px;color:var(--primary);text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600}.search-footer:hover{background:#ffffff08}@media(max-width:1024px){.navbar{left:80px}.search-bar{width:300px}}@media(max-width:768px){.navbar{left:0;padding:0 1rem}.search-bar{width:40px;padding:.5rem;justify-content:center;overflow:hidden;border:none;background:transparent}.search-bar input{display:none}.search-bar.active{position:absolute;left:1rem;right:1rem;width:auto;justify-content:flex-start;z-index:100;background:#0d0d11f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:12px}.search-bar.active input{display:block}.user-info{display:none}.dropdown-menu{width:260px;right:-10px}}.portal-footer{background:#0a0b0d;padding:6rem 0 3rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.03);color:var(--text-secondary)}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:4rem;margin-bottom:4rem}.footer-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:1.5rem}.footer-logo span{font-size:1.5rem;color:var(--text-primary)}.footer-tagline{font-size:1rem;line-height:1.6;max-width:320px;color:var(--text-muted)}.footer-links-col h4{color:var(--text-primary);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem}.footer-links-col a{display:block;color:var(--text-secondary);text-decoration:none;font-size:1rem;margin-bottom:1rem;transition:color .2s ease}.footer-links-col a:hover{color:var(--primary)}.footer-bottom{padding-top:3rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-size:.9rem;color:var(--text-muted)}.footer-badge{display:flex;align-items:center;gap:8px;padding:.5rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:600}.footer-badge svg{color:var(--success)}@media(max-width:1024px){.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:2rem}}@media(max-width:768px){.portal-footer{padding:4rem 0 2rem}.footer-grid{grid-template-columns:1fr;gap:3rem}.footer-bottom{flex-direction:column;gap:2rem;text-align:center}.footer-tagline{max-width:none}}.layout-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column}.page-content{padding:6rem 2rem 2rem;max-width:1400px;margin:0 auto;width:100%}@media(max-width:1024px){.main-content{margin-left:80px}}@media(max-width:768px){.main-content{margin-left:0}.page-content{padding:5rem 1rem 1.5rem}}.marketing-layout{--header-height: 80px;background:var(--bg-dark);color:var(--text-primary)}.marketing-header{height:var(--header-height);display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.05)}.marketing-header .container{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.main-nav{display:flex;gap:2.5rem}.main-nav a{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--text-primary)}.header-cta{display:flex;align-items:center;gap:2rem}.login-link{text-decoration:none;color:var(--text-secondary);font-weight:600;font-size:.9rem}.login-link:hover{color:var(--text-primary)}.mobile-toggle{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer}.marketing-footer{background:#05070a;border-top:1px solid rgba(255,255,255,.05);padding:5rem 0 2rem;margin-top:5rem}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:4rem;margin-bottom:4rem}.footer-brand p{color:var(--text-secondary);line-height:1.6;margin-top:1rem;max-width:300px}.footer-links h4{margin-bottom:1.5rem;font-size:1rem;font-weight:700}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-links a{text-decoration:none;color:var(--text-secondary);font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.85rem}.compliance-note{font-weight:600;color:var(--text-primary)}@media(max-width:992px){.main-nav{display:none}.main-nav.open{display:flex;flex-direction:column;position:absolute;top:var(--header-height);left:0;right:0;background:var(--bg-dark);padding:2rem;border-bottom:1px solid rgba(255,255,255,.05);gap:1.5rem}.mobile-toggle{display:block}.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media(max-width:576px){.footer-grid{grid-template-columns:1fr}.footer-bottom .container{flex-direction:column;gap:1rem;text-align:center}}.api-keys-page{animation:fadeIn .5s ease-out}.header-actions{display:flex;gap:1.5rem;align-items:center}.quota-pill{padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;white-space:nowrap;border:1px solid rgba(255,255,255,.1)}.text-warning{color:#f59e0b}.text-primary{color:var(--primary)}.alert-banner{display:flex;gap:1rem;align-items:center;margin:1.5rem 0 2rem;padding:1rem 1.5rem;border-left:4px solid var(--primary);background:#2563eb0d}.alert-icon{color:var(--primary)}.alert-content p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.alert-content strong{color:var(--text-primary)}.keys-table-container{padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.keys-table{width:100%;border-collapse:collapse;text-align:left}.keys-table th{padding:1.25rem 1.5rem;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.keys-table td{padding:1.25rem 1.5rem;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-primary)}.keys-table tr:last-child td{border-bottom:none}.keys-table tr:hover td{background:#ffffff03}.key-name-cell .name-wrapper{display:flex;align-items:center;gap:.75rem;font-weight:500}.key-icon{color:var(--primary);opacity:.8}.key-val-cell{min-width:320px}.key-box-mini{display:flex;align-items:center;justify-content:space-between;background:#0000004d;padding:.25rem .5rem .25rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.key-box-mini code{font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;color:var(--accent-secondary);letter-spacing:.02em}.key-actions{display:flex;gap:.25rem}.actions-cell{text-align:right;width:60px}.status-badge{padding:.25rem .75rem;border-radius:999px;font-size:12px;font-weight:500}.status-badge.revoked{background:#ff52521a;color:#ff5252;border:1px solid rgba(255,82,82,.2)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);gap:1rem}.loading-state p{font-size:14px;letter-spacing:.02em}.empty-state{text-align:center;padding:4rem 2rem!important;color:var(--text-secondary);background:#ffffff03}.empty-state .text-btn{margin-left:.5rem;color:var(--primary);background:none;border:none;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.icon-btn.danger:hover{background:#ff52521a;color:#ff5252}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#020617cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-dark);width:100%;max-width:480px;padding:2rem;box-shadow:0 20px 40px #0006;border:1px solid var(--surface-border);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-body{margin-bottom:2rem}.modal-body p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.form-input{width:100%;background:#0f172a99;border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--text-primary);font-family:var(--font-main);font-size:1rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.form-input::placeholder{color:var(--text-muted)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem}@media(max-width:1024px){.key-val-cell{min-width:auto}.keys-table th:nth-child(3),.keys-table td:nth-child(3){display:none}}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-actions{width:100%;flex-direction:column;align-items:stretch}.env-toggle{justify-content:center}.primary-btn{width:100%;justify-content:center}}.usage-logs-page{animation:fadeIn .5s ease-out;position:relative}.filters-bar{display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;padding:1rem 1.5rem;margin-bottom:1.5rem;background:#ffffff05}.search-box{display:flex;align-items:center;gap:.75rem;background:#0003;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.search-icon{color:var(--text-secondary)}.search-box input{background:transparent;border:none;color:var(--text-primary);font-size:14px;width:100%;outline:none}.status-filters{display:flex;align-items:center;gap:1rem}.filter-label{font-size:13px;color:var(--text-secondary);font-weight:500}.glass-select{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;font-size:13px;outline:none;cursor:pointer}.glass-select option{background:#0a0c14;color:var(--text-primary)}.quick-stats .q-stat{display:flex;align-items:center;gap:.5rem;font-size:12px;color:var(--accent-secondary);font-weight:500}.logs-table{width:100%;border-collapse:collapse}.logs-table th{padding:1rem 1.5rem;font-size:12px;text-transform:uppercase;color:var(--text-secondary);font-weight:600;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff03}.logs-table td{padding:1.25rem 1.5rem;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s}.logs-table tr:hover td{background:#ffffff05}.timestamp-cell{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);white-space:nowrap}.sub-icon{opacity:.5}.module-cell{display:flex;flex-direction:column;gap:.25rem}.module-cell .module-name{font-weight:500}.module-cell .method-name{font-size:11px;font-family:JetBrains Mono,monospace;opacity:.6}.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:999px;font-size:12px;font-weight:600}.status-pill.success{background:#00c8531a;color:#00c853}.status-pill.failed{background:#ff52521a;color:#ff5252}.latency-cell{font-family:JetBrains Mono,monospace;font-size:13px}.cost-cell{font-weight:600;color:var(--text-secondary)}.arrow-cell{width:40px;text-align:right}.row-arrow{opacity:.2;transition:transform .2s,opacity .2s}.logs-table tr:hover .row-arrow{opacity:.8;transform:translate(3px);color:var(--primary)}.empty-state{padding:5rem 2rem;text-align:center}.empty-icon{opacity:.1;margin-bottom:1.5rem}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);margin:0}.log-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:flex-end;z-index:1000;animation:fadeIn .3s ease-out}.log-detail-panel{width:500px;height:100%;margin:0;border-radius:0;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.panel-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:.75rem}.header-title h3{margin:0;font-size:18px}.panel-body{flex:1;overflow-y:auto;padding:1.5rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.detail-item code{font-family:JetBrains Mono,monospace;color:var(--accent-secondary);font-size:13px}.env-tag{padding:.2rem .5rem;border-radius:4px;font-size:11px;font-weight:700;width:fit-content}.env-tag.live{background:#ffb3001a;color:#ffb300;border:1px solid rgba(255,179,0,.2)}.env-tag.test{background:#2563eb1a;color:var(--primary);border:1px solid rgba(37,99,235,.2)}.json-block{background:#05060a;border:1px solid rgba(255,255,255,.05);border-radius:8px;overflow:hidden}.json-header{padding:.75rem 1rem;background:#ffffff05;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.json-header span{font-size:12px;font-weight:600;color:var(--text-secondary)}.copy-json-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.4rem .8rem;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.copy-json-btn:hover{background:#ffffff14;color:var(--text-primary);border-color:#fff3}.copy-json-btn.success{background:#00c85326;border-color:#00c8534d;color:#00c853}.json-content{margin:0;padding:1rem;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;color:#4db6ac;overflow-x:auto}.panel-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.08)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:1200px){.filters-bar{grid-template-columns:1fr;gap:1rem}.logs-table th:nth-child(5),.logs-table th:nth-child(6),.logs-table td:nth-child(5),.logs-table td:nth-child(6){display:none}}.settings-page{animation:fadeIn .5s ease-out}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;margin-top:2rem}.settings-sidebar{padding:1rem;display:flex;flex-direction:column;gap:.5rem;height:fit-content;background:#ffffff05}.tab-link{display:flex;align-items:center;gap:1rem;padding:1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500}.tab-link:hover{background:#ffffff0a;color:var(--text-primary)}.tab-link.active{background:#2563eb1a;color:var(--primary);box-shadow:inset 0 0 0 1px #2563eb33}.settings-content{padding:2rem;background:#ffffff04}.section-title{margin:0 0 2rem;font-size:20px;font-weight:600}.sub-section-title{margin:2.5rem 0 1rem;font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.profile-upload-section{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.avatar-preview{position:relative;width:80px;height:80px}.avatar-preview img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.upload-overlay{position:absolute;bottom:0;right:0;background:var(--primary);color:#fff;padding:6px;border-radius:50%;border:2px solid #0a0c10;cursor:pointer}.upload-info h4{margin:0 0 .25rem;font-size:16px}.upload-info p{margin:0 0 1rem;font-size:13px;color:var(--text-secondary)}.primary-btn.small{padding:.5rem 1rem;font-size:13px;height:auto}.hidden{display:none}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.glass-input{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-size:14px;transition:all .2s}.glass-input:focus{outline:none;border-color:var(--primary);background:#0006}.glass-input.muted{background:#ffffff08;color:var(--text-secondary);cursor:not-allowed}.input-hint{font-size:11px;color:var(--text-secondary);margin-top:.25rem;opacity:.7}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner.big{width:40px;height:40px;border-width:3px}.security-cards{display:flex;flex-direction:column;gap:1rem}.security-card .card-header{display:flex;align-items:center;gap:1.5rem;padding:1rem}.icon-box{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px;color:var(--text-secondary)}.icon-box.active{background:#00c8531a;color:#00c853}.header-text{flex:1}.header-text h4{margin:0;font-size:15px}.header-text p{margin:0;font-size:13px;color:var(--text-secondary)}.danger-zone{margin-top:4rem}.danger-title{color:#ff5252;font-size:14px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.danger-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid rgba(255,82,82,.2);background:#ff525205}.danger-action{font-weight:600;margin:0 0 .25rem}.danger-desc{margin:0;font-size:13px;color:var(--text-secondary)}.danger-btn{background:#ff52521a;color:#ff5252;border:1px solid rgba(255,82,82,.2);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.danger-btn:hover{background:#ff5252;color:#fff}.notification-list{display:flex;flex-direction:column;gap:1.5rem}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.toggle-text p{margin:0;font-weight:500}.toggle-text .sub{font-size:13px;color:var(--text-secondary);margin-top:.25rem}.premium-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;background:#ffffff1a;border-radius:20px;position:relative;cursor:pointer;transition:.3s}.premium-toggle:checked{background:var(--primary)}.premium-toggle:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:.3s}.premium-toggle:checked:before{left:22px}.primary-btn.success{background:#00c853}.animate-fade-in{animation:slideInUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{flex-direction:row;overflow-x:auto;padding:.5rem}.tab-link{white-space:nowrap}}.member-list-section{margin-top:3.5rem}.member-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.grid-header{display:grid;grid-template-columns:2.2fr 1fr 1fr;padding:.75rem 1.5rem;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);opacity:.6}.member-grid-row{display:grid;grid-template-columns:2.2fr 1fr 1fr;align-items:center;padding:1.25rem 1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.member-grid-row:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 10px 30px -10px #00000080}.member-cell{display:flex;align-items:center;gap:1.25rem}.member-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),#7c3aed);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #2563eb33}.member-details{display:flex;flex-direction:column;gap:2px}.m-name{font-size:15px;font-weight:600;color:var(--text-primary)}.m-email{font-size:12px;color:var(--text-secondary);opacity:.6}.role-cell{font-size:14px;font-weight:500;color:var(--text-secondary)}.status-cell{display:flex;justify-content:flex-start}.status-badge{padding:6px 12px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status-badge.active{background:#00c8531a;color:#00c853;border:1px solid rgba(0,200,83,.2)}.status-badge.pending{background:#ffab001a;color:#ffab00;border:1px solid rgba(255,171,0,.2)}.analytics-page{animation:fadeIn .5s ease-out;padding-bottom:3rem}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:1.5rem;color:var(--text-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.metric-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:transform .3s}.metric-card:hover{transform:translateY(-4px)}.m-header{display:flex;justify-content:space-between;align-items:center}.m-icon-box{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.m-icon-box.blue{background:#2563eb1a;color:var(--primary)}.m-icon-box.purple{background:#7c4dff1a;color:#7c4dff}.m-icon-box.orange{background:#ffb3001a;color:#ffb300}.m-icon-box.green{background:#00c8531a;color:#00c853}.m-icon-box.red{background:#ff52521a;color:#ff5252}.m-trend{font-size:11px;font-weight:700;padding:4px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.m-trend.positive{color:#00c853;background:#00c8531a}.m-trend.negative{color:#ff5252;background:#ff52521a}.m-trend.neutral{color:var(--text-secondary);background:#ffffff0d}.m-label{font-size:13px;color:var(--text-secondary);font-weight:500}.m-value{font-size:28px;font-weight:700;margin:4px 0 0;letter-spacing:-.5px}.analytics-content-grid{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;margin-top:1.5rem}.main-charts-area{display:flex;flex-direction:column;gap:1.5rem}.charts-row-secondary{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.chart-container{padding:1.5rem;position:relative;overflow:hidden}.chart-header{margin-bottom:1.5rem}.chart-header h3{margin:0;font-size:16px;font-weight:700}.chart-sub{margin:4px 0 0;font-size:12px;color:var(--text-secondary)}.h-400{height:350px}.h-250{height:220px}.empty-chart,.empty-small{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:1rem;font-size:14px}.sidebar-analytics{display:flex;flex-direction:column;gap:1.5rem}.section-title{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:1.25rem;display:block}.key-item-preview{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#ffffff08;border-radius:10px;margin-bottom:.75rem}.key-name-mini{margin:0;font-size:13px;font-weight:600}.key-hash-mini{font-size:11px;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background:#00c853;box-shadow:0 0 8px #00c853}.status-dot.revoked{background:#ff5252}.view-all-link{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;color:var(--primary);text-decoration:none;margin-top:.5rem}.summary-rows{display:flex;flex-direction:column;gap:1rem}.s-row{display:flex;justify-content:space-between;font-size:13px}.s-val{font-weight:700}.text-green{color:#00c853}.qs-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.qs-mini-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .2s}.qs-mini-card:not(.disabled):hover{background:#ffffff14;border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.qs-mini-card.disabled{opacity:.4;cursor:not-allowed}.qs-mini-card span{font-size:11px;font-weight:700}.pie-legend{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:1rem;width:100%}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px}.legend-item .dot{width:6px;height:6px;border-radius:50%}.legend-item .val{margin-left:auto;font-weight:700}.time-filters{padding:4px;display:flex;gap:4px}.time-filters button{background:transparent;border:none;color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:800;cursor:pointer;transition:all .2s}.time-filters button.active{background:var(--primary);color:#fff}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}@media(max-width:1100px){.analytics-content-grid{grid-template-columns:1fr}.sidebar-analytics{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:768px){.charts-row-secondary,.sidebar-analytics{grid-template-columns:1fr}.header-actions{flex-direction:column;width:100%}.time-filters{width:100%;justify-content:center}}.quota-card{padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff05}.quota-info{display:flex;justify-content:space-between;align-items:flex-start}.plan-badge{padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;margin-left:8px}.q-count{font-size:1.25rem;font-weight:700}.q-progress-bg{height:10px;background:#ffffff0d;border-radius:5px;overflow:hidden;position:relative;margin-top:1rem}.q-progress-fill{height:100%;border-radius:5px;transition:width 1s cubic-bezier(.4,0,.2,1)}.q-markers{display:flex;justify-content:space-between;margin-top:.5rem}.q-marker{font-size:.7rem;color:var(--text-secondary)}.docs-page{animation:fadeIn .5s ease-out}.docs-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;margin-top:2rem;height:calc(100vh - 200px)}.docs-sidebar{padding:1.5rem;overflow-y:auto;background:#ffffff03}.nav-group{margin-top:2rem}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:.75rem;padding-left:.5rem}.nav-link{width:100%;display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:.2s;font-size:13px;margin-bottom:2px}.nav-link:hover{background:#ffffff0d;color:var(--primary)}.nav-link.active{background:#2563eb1a;color:var(--primary)}.method-badge{font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;min-width:45px;text-align:center}.method-badge.post{background:#00c8531a;color:#00c853}.method-badge.get{background:#0066ff1a;color:#06f}.method-badge.put{background:#ffb3001a;color:#ffb300}.method-badge.delete{background:#ff52521a;color:#ff5252}.method-badge.large{font-size:12px;padding:4px 10px}.docs-content{overflow-y:auto;padding-right:.5rem}.endpoint-header{padding:1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.endpoint-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(37,99,235,.08) 0%,transparent 50%);animation:rotate 20s linear infinite;pointer-events:none}.path-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.endpoint-path{background:#0000004d;padding:4px 12px;border-radius:6px;font-family:Fira Code,monospace;font-size:13px;color:var(--text-secondary)}.endpoint-title{font-size:24px;font-weight:700;margin:0 0 .5rem}.endpoint-desc{color:var(--text-secondary);margin:0;line-height:1.6}.playground-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;min-height:500px}.section-tabs{display:flex;gap:1rem;padding:0 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.tab{background:transparent;border:none;color:var(--text-secondary);padding:1rem 0;font-size:13px;font-weight:600;cursor:pointer;position:relative}.tab.active{color:var(--primary)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--primary)}.snippet-section{padding:0;overflow:hidden;margin-top:1.5rem}.snippet-header{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05)}.lang-tabs{display:flex;gap:.5rem;background:#0003;padding:3px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.lang-tab{background:transparent;border:none;color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.lang-tab:hover{color:var(--text-primary);background:#ffffff08}.lang-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.code-block{margin:0;padding:1.5rem;background:#0a0c10;color:#a5b4fc;font-family:Fira Code,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.icon-btn.small{padding:6px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn.small:hover{background:#ffffff1a;color:var(--text-primary);transform:translateY(-1px)}.copy-badge{opacity:0;transition:.2s}.path-bar:hover .copy-badge{opacity:1}.input-area{flex:1;display:flex;flex-direction:column;min-height:0}.html-editor-container{display:flex;flex-direction:column;height:100%;border-radius:8px;background:#0006;border:1px solid rgba(255,255,255,.05);overflow:hidden}.editor-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px;color:var(--text-secondary);font-family:var(--font-mono)}.code-font{font-family:Fira Code,Cascadia Code,monospace!important}.file-drop-zone{height:250px;border:2px dashed rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#ffffff03}.file-drop-zone:hover{border-color:var(--primary);background:#2563eb0d;transform:translateY(-2px)}.file-drop-zone.has-file{border-style:solid;border-color:var(--primary);background:#2563eb08}.drop-prompt,.file-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.drop-prompt p{margin:0;font-size:15px;color:var(--text-primary)}.drop-prompt span{font-size:12px;color:var(--text-secondary)}.file-name{font-weight:600;color:var(--text-primary);margin:0}.file-size{font-size:12px;color:var(--text-secondary);margin:0}.change-file-btn{margin-top:.5rem;padding:.4rem 1rem;background:#ffffff1a;border:none;border-radius:6px;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer}.result-content{padding:0;display:flex;flex-direction:column}.full-height{height:100%;display:flex;flex-direction:column}.pdf-preview-container{flex:1;position:relative;background:#1a1b1e;overflow:hidden}.pdf-iframe{width:100%;height:100%;border:none;display:block}.preview-overlay{position:absolute;bottom:1.5rem;right:1.5rem}.download-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 4px 15px var(--primary-glow);transition:.2s}.download-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.error-display{padding:2rem;text-align:center;color:#ff5252}.error-icon{margin-bottom:1rem;opacity:.8}.error-display p{font-weight:500;line-height:1.5}.request-footer{padding:1.5rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);margin-top:auto}.section-tabs{display:flex;align-items:center;justify-content:flex-start}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.playground-section .glass-card{display:flex;flex-direction:column;overflow:hidden}.snippet-section .code-block{max-height:400px}@media(max-width:1100px){.docs-layout{grid-template-columns:1fr;height:auto}.playground-section{grid-template-columns:1fr}}.billing-page{animation:fadeIn .5s ease-out}.billing-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;margin-top:2rem}.billing-main{display:flex;flex-direction:column;gap:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;font-size:16px;font-weight:600}.reset-tag{font-size:11px;color:var(--text-secondary);background:#ffffff0d;padding:2px 8px;border-radius:4px}.quota-section{padding:1.5rem}.metrics-list{display:flex;flex-direction:column;gap:1.5rem}.m-info{display:flex;justify-content:space-between;margin-bottom:8px}.m-label{font-size:14px;font-weight:500}.m-usage{font-size:13px;color:var(--text-secondary)}.progress-bg{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.18,.89,.32,1.28)}.plans-horizontal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.plan-card{padding:1.5rem;position:relative;display:flex;flex-direction:column;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.plan-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px #0000004d}.plan-card.active{border:2px solid var(--primary);background:#2563eb0d}.current-badge{position:absolute;top:-10px;right:1.5rem;background:var(--primary);color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;box-shadow:0 4px 15px var(--primary-glow);z-index:10}.popular-badge{position:absolute;top:-10px;left:1.5rem;background:#f59e0b;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;z-index:10}.trust-badges{display:flex;align-items:center;gap:1.25rem;opacity:.5;flex-shrink:0}.trust-badge-item{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.plan-header h4{margin:0;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px}.plan-price{margin:.5rem 0 1.5rem}.price{font-size:32px;font-weight:700}.period{color:var(--text-secondary);font-size:14px}.plan-features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.plan-features li{font-size:13px;color:var(--text-secondary);display:flex;align-items:flex-start;gap:8px;margin-bottom:.75rem}.check-icon{color:var(--primary);margin-top:2px}.billing-sidebar{display:flex;flex-direction:column;gap:1.5rem}.payment-method,.invoice-section{padding:1.5rem}.card-box{background:#ffffff0d;border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center}.card-brand{font-weight:600;font-size:14px}.card-exp{font-size:12px;color:var(--text-secondary)}.invoice-list{display:flex;flex-direction:column;gap:1rem}.invoice-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s ease}.invoice-item:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translate(4px)}.inv-meta{display:flex;flex-direction:column;gap:4px}.inv-id{font-size:13px;font-weight:700;color:#fff;font-family:Inter,sans-serif}.inv-date{font-size:11px;color:var(--text-secondary);font-weight:500}.inv-amount{font-weight:800;font-size:15px;color:#fff;margin-left:auto;margin-right:1.5rem}.status-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.status-badge.paid{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.status-badge.pending,.status-badge.open{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.status-badge.failed,.status-badge.void{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.accent-box{background:linear-gradient(135deg,#7c4dff1a,#0066ff1a);border:1px solid rgba(124,77,255,.2);padding:1.5rem;text-align:center}.accent-box p{line-height:1.6;margin-bottom:1.5rem;opacity:.8}.checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.checkout-aurora{position:absolute;top:0;right:0;bottom:0;left:0;background:#030712;overflow:hidden;z-index:-1}.aurora-blob{position:absolute;width:1000px;height:1000px;border-radius:50%;filter:blur(160px);opacity:.45;mix-blend-mode:screen}.blob-1{background:radial-gradient(circle,#4f46e5 0%,transparent 70%);top:-30%;left:-20%;animation:blobFloat 20s ease-in-out infinite alternate}.blob-2{background:radial-gradient(circle,#0ea5e9 0%,transparent 70%);bottom:-25%;right:-15%;animation:blobFloat 25s ease-in-out infinite alternate-reverse}.blob-3{background:radial-gradient(circle,#7c3aed 0%,transparent 70%);top:40%;left:40%;animation:blobPulse 15s ease-in-out infinite alternate}@keyframes blobFloat{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(150px,80px) scale(1.2) rotate(45deg)}}@keyframes blobPulse{0%{transform:scale(1);opacity:.3}to{transform:scale(1.4);opacity:.6}}.checkout-modal{width:100%;max-width:680px;background:#0d0d11d9;-webkit-backdrop-filter:blur(32px) saturate(180%);backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(255,255,255,.15);box-shadow:0 40px 100px -20px #000c,0 0 0 1px #ffffff0d;border-radius:24px;overflow:hidden;animation:modalSpring .6s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}@keyframes modalSpring{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.checkout-body{padding:0;background:#fff;min-height:500px}.checkout-compliance{padding:1.5rem 2.5rem;background:#0f172a66;border-top:1px solid rgba(255,255,255,.05)}.footer-flex-row{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.compliance-column{display:flex;flex-direction:column;gap:6px}.compliance-item{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.legal-text{font-size:11px;color:var(--text-secondary);line-height:1.5;margin-bottom:1.25rem;opacity:.6;text-align:center}.legal-text a{color:var(--primary);text-decoration:none;font-weight:600}.plan-btn{padding:.875rem;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.alert{padding:1rem 1.5rem;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px;border:1px solid transparent}.alert-success{background:#10b9811a;border-color:#10b98133;color:#34d399}.alert-warning{background:#f59e0b1a;border-color:#f59e0b33;color:#fbbf24}.alert-error{background:#ef44441a;border-color:#ef444433;color:#f87171}.premium-modal{max-width:500px;width:90%;animation:modalScaleUp .4s cubic-bezier(.16,1,.3,1)}.bg-dark-deep{background:#030712}.border-border-light{border-color:#ffffff1a}@keyframes activePulse{0%,to{box-shadow:0 0 15px #10b9811a;border-color:#10b9814d}50%{box-shadow:0 0 25px #10b98133;border-color:#10b98180}}@keyframes radialRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.cancel-pill-btn{position:relative;background:#fff;color:#030712;padding:14px 36px;border-radius:100px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #0000004d;border:2px solid white;overflow:hidden}.cancel-pill-btn:hover{background:#ef444414;border-color:#ef444433;color:#f87171;transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px #ef44441a}.ghost-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.ghost-btn:hover{background:#ffffff14;border-color:var(--primary);color:#fff}.premium-input-group{display:flex;flex-direction:column;gap:8px;text-align:left}.premium-input-group label{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;padding-left:4px}.premium-input{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:15px;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.premium-input:focus{background:#ffffff0f;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb26}.premium-input::placeholder{color:#fff3}.card-brand-indicator{position:absolute;right:16px;opacity:.5;transition:opacity .3s ease}.premium-input:focus+.card-brand-indicator{opacity:1}.form-row-dual{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:1200px){.billing-grid{grid-template-columns:1fr}}@media(max-width:768px){.plans-horizontal-grid{grid-template-columns:1fr}.checkout-modal-content{max-width:95%;margin:10px}.compliance-grid{flex-direction:column;gap:.75rem}.form-row-dual{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.spinner.primary{color:var(--primary)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:1rem;color:var(--text-secondary)}.support-page{animation:fadeIn .5s ease-out}.support-overview{display:flex;flex-direction:column;gap:1.5rem}.support-main-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-val{display:block;font-size:20px;font-weight:700}.stat-label{font-size:13px;color:var(--text-secondary)}.ticket-list-section{padding:1.5rem;height:600px;display:flex;flex-direction:column}.tickets-scrollable{overflow-y:auto;margin-top:1rem;flex-grow:1;padding-right:8px}.tickets-scrollable::-webkit-scrollbar{width:4px}.tickets-scrollable::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.ticket-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;background:#ffffff05;border:1px solid transparent;transition:all .2s;cursor:pointer;margin-bottom:.75rem}.ticket-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translate(4px)}.t-content{flex-grow:1}.t-header{display:flex;align-items:center;gap:1rem;margin-bottom:4px}.t-id{font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.t-priority{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:4px}.t-priority.high{background:#ff52521a;color:#ff5252}.t-priority.medium{background:#ffab001a;color:#ffab00}.t-priority.low{background:#0066ff1a;color:#06f}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.t-subject{margin:0;font-size:14px;font-weight:600}.t-meta{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:8px;margin-top:4px}.dot{width:3px;height:3px;background:var(--text-secondary);border-radius:50%;opacity:.5}.t-status-col{display:flex;align-items:center;justify-content:center;width:24px}.status-open{color:#ff5252}.status-pending{color:#ffab00}.status-resolved{color:#00c853}.t-arrow{color:var(--text-secondary);opacity:.5}.kb-grid{display:grid;grid-template-columns:1fr;gap:1rem}.kb-card{padding:1.25rem;transition:transform .2s;cursor:pointer}.kb-card:hover{transform:scale(1.02);border-color:var(--primary)}.kb-icon{width:48px;height:48px;background:#2563eb1a;color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.kb-card h4{margin:0 0 .5rem;font-size:15px;color:#fff}.kb-card p{font-size:13px;color:var(--text-secondary);margin-bottom:1rem;line-height:1.4}.kb-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--primary);font-weight:600}.ticket-detail-view{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.ticket-header{padding:1.5rem}.t-id-badge{display:inline-block;background:#ffffff0d;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:700;color:var(--text-secondary);margin-bottom:.75rem}.t-meta-strip{display:flex;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.meta-item{font-size:13px;color:var(--text-secondary)}.meta-item span{font-weight:600;color:#fff}.conversation-thread{padding:2rem;display:flex;flex-direction:column;gap:2rem}.message{display:flex;gap:1rem}.msg-avatar{width:36px;height:36px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.msg-content{flex-grow:1}.msg-header{font-size:12px;font-weight:600;margin-bottom:6px;display:flex;justify-content:space-between}.msg-header span{font-weight:400;color:var(--text-secondary)}.msg-bubble{background:#ffffff0d;padding:1rem;border-radius:0 16px 16px;font-size:14px;line-height:1.5;max-width:90%}.message.user{justify-content:flex-end}.message.user .msg-content{display:flex;flex-direction:column;align-items:flex-end}.message.user .msg-bubble{background:var(--primary);color:#fff;border-radius:16px 0 16px 16px}.msg-input-area{margin-top:1rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.new-ticket-view{max-width:800px;margin:0 auto;padding:2.5rem}.new-ticket-form{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.priority-select{display:flex;gap:.5rem}.p-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:8px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.p-btn:hover{background:#ffffff1a}.p-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.form-footer{margin-top:1rem;display:flex;justify-content:flex-end;gap:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary);text-align:center;opacity:.8}.empty-state.full-width{grid-column:1 / -1}.success-state{padding:4rem 2rem}.form-error{background:#ff52521a;color:#ff5252;padding:.75rem 1rem;border-radius:8px;font-size:13px;font-weight:500;border-left:3px solid #ff5252}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1200px){.page-header{flex-direction:column;align-items:stretch;gap:1rem}.page-header div:first-child{margin-bottom:.5rem}.support-main-grid,.stats-grid{grid-template-columns:1fr}}@media(max-width:768px){.form-row{grid-template-columns:1fr}.t-meta-strip{flex-direction:column;gap:.5rem}}.webhooks-page{animation:fadeIn .5s ease-out}.webhooks-grid{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;margin-top:2rem}.webhooks-main{display:flex;flex-direction:column;gap:1.5rem}.endpoints-section{padding:1.5rem}.endpoints-list{display:flex;flex-direction:column;gap:1rem}.endpoint-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s}.endpoint-item:hover{background:#ffffff0d;border-color:#ffffff1a}.ep-url-box{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ep-url{font-weight:600;font-size:14px;color:var(--primary)}.ep-id{font-size:10px;color:var(--text-secondary);background:#ffffff0d;padding:2px 6px;border-radius:4px}.ep-tags{display:flex;gap:6px}.ep-tag{font-size:10px;background:#ffffff0d;padding:3px 8px;border-radius:100px;color:var(--text-secondary)}.ep-meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.status-badge{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:4px}.status-badge.active{background:#00c8531a;color:#00c853}.delivery-time{font-size:11px;color:var(--text-secondary)}.logs-section{padding:1.5rem}.delivery-table-wrapper{overflow-x:auto}.delivery-table{width:100%;border-collapse:collapse}.delivery-table th{text-align:left;padding:12px;font-size:12px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.05)}.delivery-table td{padding:12px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.02)}.t-id{font-family:monospace;color:var(--text-secondary)}.t-event{font-weight:600}.t-latency{color:var(--text-secondary)}.t-time{font-size:12px}.status-code{display:inline-flex;align-items:center;gap:4px;font-weight:700}.status-code.success{color:#00c853}.status-code.error{color:#ff5252}.webhooks-sidebar{display:flex;flex-direction:column;gap:1.5rem}.console-section{padding:1.5rem;height:400px;display:flex;flex-direction:column}.console-dot-pulse{width:8px;height:8px;background:#00c853;border-radius:50%;box-shadow:0 0 10px #00c853;animation:pulse 2s infinite}.console-body{flex-grow:1;background:#000;border-radius:8px;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;overflow-y:auto;margin-top:1rem;color:#0f0}.console-muted{color:#444}.c-prompt{color:#555;margin-right:6px}.secret-box{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:.75rem 1rem;border-radius:8px;margin-top:1rem}.sidebar-desc{font-size:12px;color:var(--text-secondary);margin:0}@media(max-width:1200px){.webhooks-grid{grid-template-columns:1fr}}.sales-dashboard{animation:fadeIn .5s ease-out}.dashboard-header{margin-bottom:2.5rem}.dashboard-header h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.dashboard-header p{color:var(--text-secondary);font-size:15px}.metrics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.metric-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:1.5rem;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metric-card:hover{background:#ffffff0a;border-color:var(--primary);transform:translateY(-5px)}.metric-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(37,99,235,.1),transparent 70%);pointer-events:none}.metric-label{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.metric-value{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:baseline;gap:.5rem}.metric-trend{font-size:13px;display:flex;align-items:center;gap:.25rem}.metric-trend.up{color:#00c853}.metric-trend.down{color:#ff5252}.admin-controls-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-top:2.5rem}.admin-section{background:#ffffff04;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.section-header h2{font-size:18px;font-weight:600;display:flex;align-items:center;gap:.75rem}.broadcast-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.b-tab{background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s}.b-tab.active{background:#2563eb1a;color:var(--primary)}.broadcast-form{display:flex;flex-direction:column;gap:1.5rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:1rem;font-size:12px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.05)}.admin-table td{padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.03)}.icon-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:auto!important;position:relative}.confirm-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.confirm-icon.danger{background:#ff52521a;color:#ff5252}.confirm-icon.info{background:#2563eb1a;color:var(--primary)}.confirm-icon.warning{background:#f59e0b1a;color:#f59e0b}.confirm-modal{max-width:450px}.confirm-modal .modal-body{padding:1.5rem 2rem}.primary-btn.bg-danger{background:#ff5252;color:#fff}.primary-btn.bg-danger:hover{background:#ff1744}.icon-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:var(--text-primary);transform:translateY(-2px)}.icon-btn.loading{opacity:.7;cursor:wait}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.u-avatar{width:38px;height:38px;background:var(--primary-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.u-avatar img{width:100%;height:100%;object-fit:cover}.u-info{display:flex;flex-direction:column}.u-name{font-weight:500;font-size:14px}.u-email{font-size:11px;color:var(--text-secondary)}.process-list{display:flex;flex-direction:column;gap:1.25rem}.process-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.p-info h4{margin:0;font-size:14px}.p-info span{font-size:11px;color:var(--text-secondary)}.status-indicator{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.status-indicator.running{background:#00c8531a;color:#00c853}.status-indicator.paused{background:#ff52521a;color:#ff5252}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.admin-modal{background:#0a0a0b;width:90%;max-width:650px;max-height:90vh;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;overflow:hidden;position:relative;display:flex;flex-direction:column}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.island-icon,.refund-icon{width:48px;height:48px;border-radius:12px;background:#2563eb1a;color:var(--primary);display:flex;align-items:center;justify-content:center}.island-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:2rem}.island-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:1.25rem;border-radius:16px}.i-label{font-size:11px;color:var(--text-secondary);display:block;margin-bottom:.5rem}.i-value{font-size:14px;font-weight:600;margin-bottom:.5rem}.i-status{font-size:10px;font-weight:700;text-transform:uppercase}.island-activity{padding:0 2rem 2rem}.activity-list{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.act-item{padding-left:1.5rem;position:relative;font-size:13px}.act-dot{position:absolute;left:0;top:5px;width:8px;height:8px;background:var(--primary);border-radius:50%}.act-time{font-size:11px;color:var(--text-secondary);margin-bottom:.25rem;display:block}.refund-warning{display:flex;gap:.75rem;padding:1rem;background:#f59e0b1a;border-radius:12px;color:#f59e0b;font-size:12px;align-items:center}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.05)}.status-pill{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase}.status-pill.active{background:#00c8531a;color:#00c853}.status-pill.suspended{background:#ff52521a;color:#ff5252}.status-pill.pending{background:#f59e0b1a;color:#f59e0b}.role-tag{background:#ffffff0d;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;color:var(--text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:1.5rem;color:var(--text-secondary);font-size:14px}.tab-item{transition:all .3s ease;padding-bottom:.5rem;border-bottom:2px solid transparent}.tab-item.active{border-color:var(--primary)}.notif-badge{background:#ff5252;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.ticket-cell{display:flex;flex-direction:column;gap:2px}.t-subject{font-weight:600;font-size:13px;color:var(--text-primary)}.t-category{font-size:11px;color:var(--text-secondary);opacity:.7}.priority-tag{font-size:10px;font-weight:800;text-transform:uppercase;padding:3px 8px;border-radius:6px}.priority-tag.Urgent{background:#ff525226;color:#ff5252;border:1px solid rgba(255,82,82,.2)}.priority-tag.High{background:#f59e0b26;color:#f59e0b}.priority-tag.Medium{background:#2563eb26;color:var(--primary)}.priority-tag.Low{background:#ffffff0d;color:var(--text-secondary)}.key-sub-table{background:#ffffff08;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.05)}.icon-btn.sm{width:24px;height:24px;border-radius:6px}.reply-icon{width:48px;height:48px;border-radius:12px;background:#2563eb1a;color:var(--primary);display:flex;align-items:center;justify-content:center}.status-pill.Open{background:#f59e0b1a;color:#f59e0b}.status-pill.Replied{background:#2563eb1a;color:var(--primary)}.status-pill.Resolved,.status-pill.Closed{background:#00c8531a;color:#00c853}.conv-window{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;height:300px;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.msg-bubble{max-width:80%;padding:.75rem 1rem;border-radius:12px;font-size:13px;line-height:1.4;position:relative}.user-msg{align-self:flex-start;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-bottom-left-radius:2px}.agent-msg{align-self:flex-end;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);color:var(--text-primary);border-bottom-right-radius:2px}.msg-meta{font-size:10px;color:var(--text-secondary);margin-bottom:4px;display:block}.agent-msg .msg-meta{text-align:right}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.landing-page{overflow-x:hidden}.hero{position:relative;padding:180px 0 100px;min-height:80vh;display:flex;align-items:center;text-align:center}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden}.glow{position:absolute;width:600px;height:600px;filter:blur(120px);opacity:.15;border-radius:50%}.glow-1{background:var(--primary);top:-200px;left:-100px;animation:drift 20s infinite alternate}.glow-2{background:#7c4dff;bottom:-100px;right:-100px;animation:drift 15s infinite alternate-reverse}@keyframes drift{0%{transform:translate(0)}to{transform:translate(100px,50px)}}.hero-content{max-width:800px;margin:0 auto}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.badge-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary-glow);animation:pulse 2s infinite}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;margin-bottom:1.5rem}.accent-gradient{background:linear-gradient(135deg,var(--primary) 0%,#7c4dff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;margin-bottom:3rem;max-width:650px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;justify-content:center;gap:1.5rem;margin-bottom:5rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;border-top:1px solid rgba(255,255,255,.05);padding-top:3rem;max-width:600px;margin:0 auto}.stat strong{display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px}.stat span{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.features{padding:100px 0}.section-header{margin-bottom:5rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-card{padding:2.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.feature-card:hover{transform:translateY(-8px)}.icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.icon-box.blue{background:#2563eb1a;color:var(--primary)}.icon-box.purple{background:#7c4dff1a;color:#7c4dff}.icon-box.green{background:#00c8531a;color:#00c853}.icon-box.orange{background:#ffb3001a;color:#ffb300}.icon-box.cyan{background:#00b8d41a;color:#00b8d4}.icon-box.red{background:#ff52521a;color:#ff5252}.feature-card h3{font-size:1.25rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.pricing-preview{padding:100px 0}.pricing-banner{display:flex;justify-content:space-between;align-items:center;padding:4rem;background:linear-gradient(135deg,#0066ff0d,#7c4dff0d);border:1px solid rgba(255,255,255,.1)}.banner-content h2{font-size:2rem;margin-bottom:1rem}.banner-content p{color:var(--text-secondary);font-size:1.1rem}.social-proof{padding:100px 0}.logos-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:3rem;margin-top:3rem;opacity:.5}.logo-placeholder{font-weight:800;font-size:1.25rem;letter-spacing:2px}.grayscale{filter:grayscale(1)}@media(max-width:768px){.hero-actions{flex-direction:column}.pricing-banner{flex-direction:column;text-align:center;gap:2rem;padding:2.5rem}.hero-stats{grid-template-columns:1fr;gap:2rem}.logos-row{justify-content:center}}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg-dark);position:relative;overflow:hidden;padding:2rem}.auth-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.auth-glow{position:absolute;width:600px;height:600px;filter:blur(150px);opacity:.1;border-radius:50%}.auth-glow-1{background:var(--primary);top:-100px;left:-100px}.auth-glow-2{background:#7c4dff;bottom:-100px;right:-100px}.auth-container{position:relative;z-index:1;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center}.auth-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:2.5rem}.auth-logo span{font-size:1.75rem;font-weight:800}.auth-card{width:100%;padding:3rem;border:1px solid rgba(255,255,255,.08)}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{font-size:1.75rem;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-secondary);pointer-events:none}.input-wrapper input{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.8rem 1rem .8rem 2.8rem;color:var(--text-primary);font-size:.95rem;transition:all .2s}.input-wrapper input:focus{outline:none;border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 4px var(--primary-glow)}.auth-btn{margin-top:1rem;width:100%}.auth-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff0d}.social-auth{display:grid;grid-template-columns:1fr;gap:1rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.75rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.social-btn:hover{background:#ffffff14;border-color:#fff3}.auth-switch{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--text-secondary)}.auth-switch a{color:var(--primary);text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.auth-footer{margin-top:3rem;color:var(--text-secondary);font-size:.8rem}.auth-status-banner{padding:.85rem 1rem;border-radius:10px;font-size:.85rem;font-weight:500;margin-bottom:1.5rem;border:1px solid transparent}.auth-status-banner.error{background:#ef44441a;color:#f87171;border-color:#ef444433}.auth-status-banner.success{background:#10b9811a;color:var(--success);border-color:#10b98133}.animate-shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.legal-page{padding:6rem 2rem;max-width:900px;margin:0 auto;animation:fadeIn .5s ease-out}.legal-card{padding:3rem;line-height:1.8}.legal-header{margin-bottom:3rem;text-align:center}.legal-header h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.last-updated{color:var(--text-muted);font-size:.9rem}.legal-content h2{margin-top:2.5rem;margin-bottom:1rem;color:var(--text-primary);font-size:1.5rem}.legal-content p{margin-bottom:1.5rem;color:var(--text-secondary)}.legal-content ul{margin-bottom:1.5rem;padding-left:1.5rem;color:var(--text-secondary)}.legal-content li{margin-bottom:.5rem}.legal-content strong{color:var(--text-primary)}@media(max-width:768px){.legal-page{padding:4rem 1rem}.legal-card{padding:1.5rem}.legal-header h1{font-size:2.25rem}}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media(max-width:1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media(max-width:1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media(max-width:1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media(max-width:1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media(max-width:1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media(max-width:1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}