@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-glow:#ffffff1a;--text-primary:#fff;--text-secondary:#94a3b8;--accent-color:#6366f1;--accent-color-rgb:99, 102, 241}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#05050a;font-family:Outfit,sans-serif;overflow-x:hidden}.app-shell{width:100vw;min-height:100vh;position:relative}.shader-bg{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.content-overlay{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}p{color:var(--text-secondary);line-height:1.6}.glass-navbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:100;background:#0a0a0f66;width:100%;height:80px;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 2rem;display:flex}.nav-brand{letter-spacing:-.03em;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.brand-icon{filter:drop-shadow(0 0 10px var(--accent-color))}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover{color:var(--text-primary);background:var(--glass-bg)}.nav-link.active{color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 0 20px #ffffff0d}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:8rem 2rem 4rem}.admin-main-content{width:95%;max-width:1650px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 25px 50px -12px #00000080}.glass-panel:hover{border-color:#ffffff26;box-shadow:0 30px 60px -12px #000000b3}.btn-primary{background:linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, white));color:#fff;cursor:pointer;box-shadow:0 10px 20px -10px var(--accent-color);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{box-shadow:0 15px 30px -10px var(--accent-color);filter:brightness(1.1);transform:translateY(-2px)scale(1.02)}.btn-secondary{background:var(--glass-bg);color:#fff;border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.page-enter{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem;display:grid}.hero{text-align:center;flex-direction:column;align-items:center;padding:6rem 0;display:flex}.hero h1{background:linear-gradient(to right, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;text-shadow:0 0 40px #ffffff1a;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:5rem;line-height:1.1}.hero p{max-width:600px;margin-bottom:3rem;font-size:1.5rem}.hero-actions{gap:1.5rem;display:flex}.badge{background:rgba(var(--accent-color-rgb), .1);border:1px solid rgba(var(--accent-color-rgb), .2);color:var(--accent-color);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}@media (width<=768px){.hero h1{font-size:3rem}.nav-links{display:none}.hero-actions{flex-direction:column;width:100%}}.glass-footer{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);background:#0a0a0f66;width:100%;margin-top:auto;padding:2rem 0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.footer-brand{align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.footer-copyright{color:var(--text-secondary);font-size:.9rem}.footer-protection{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.protection-link{color:var(--accent-color);font-weight:600;text-decoration:none;transition:color .2s}.protection-link:hover{filter:brightness(1.2)}.footer-link{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:all .2s}.footer-link:hover{color:var(--text-primary);transform:translate(3px)}.social-link{color:var(--text-secondary);border:1px solid var(--glass-border);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.social-link:hover{color:#fff;background:var(--accent-color);border-color:var(--accent-color);transform:translateY(-3px)}@media (width<=768px){.footer-container{text-align:center;flex-direction:column}}.admin-layout{gap:1.5rem;min-height:70vh;display:flex}.admin-sidebar{-webkit-backdrop-filter:blur(12px);background:#0006;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:.5rem;width:260px;min-width:260px;height:fit-content;padding:1.5rem;display:flex;position:sticky;top:120px}.admin-sidebar-title{letter-spacing:2px;text-transform:uppercase;color:var(--accent-color);margin-bottom:1rem;padding:0 .75rem;font-size:.7rem;font-weight:800}.admin-sidebar-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;transition:all .25s;display:flex}.admin-sidebar-item:hover{color:#fff;background:#ffffff0a;border-color:#ffffff14}.admin-sidebar-item.active{color:#fff;background:rgba(var(--accent-color-rgb), .1);border-color:rgba(var(--accent-color-rgb), .25);box-shadow:0 0 20px rgba(var(--accent-color-rgb), .08);font-weight:600}.admin-content{flex:1;min-width:0}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.admin-stat-card{-webkit-backdrop-filter:blur(10px);background:#00000059;border:1px solid #ffffff0a;border-radius:14px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.admin-stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.admin-stat-card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.admin-stat-card:hover:before{opacity:1}.admin-stat-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8rem;font-weight:500}.admin-stat-value{letter-spacing:-.02em;background:linear-gradient(135deg, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:800}.admin-stat-icon{background:rgba(var(--accent-color-rgb), .1);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:1.25rem;right:1.25rem}.admin-table-wrap{-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff0a;border-radius:14px;overflow-x:auto}.admin-table-header{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.admin-search{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.5rem;min-width:260px;padding:.6rem 1rem;transition:all .2s;display:flex}.admin-search:focus-within{border-color:var(--accent-color);box-shadow:0 0 15px rgba(var(--accent-color-rgb), .15)}.admin-search input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:Outfit,sans-serif;font-size:.9rem}.admin-search input::placeholder{color:var(--text-secondary);opacity:.6}.admin-table{border-collapse:collapse;width:100%;min-width:950px}.admin-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #ffffff0d;padding:.9rem 1rem;font-size:.8rem;font-weight:600}.admin-table td{color:var(--text-secondary);white-space:nowrap;border-bottom:1px solid #ffffff06;padding:.85rem 1rem;font-size:.9rem}.admin-table tr:hover td{color:#fff;background:#ffffff04}.admin-table tr:last-child td{border-bottom:none}.admin-badge{border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-badge.role-admin{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.admin-badge.role-coder{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f640}.admin-badge.role-promo{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.admin-badge.role-media{color:#ec4899;background:#ec48991f;border:1px solid #ec489940}.admin-badge.role-beta{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.admin-badge.role-premium{color:#8b5cf6;background:#8b5cf61f;border:1px solid #8b5cf640}.admin-badge.role-user{color:#14b8a6;background:#14b8a61a;border:1px solid #14b8a633}.admin-badge.role-default{color:#9ca3af;background:#6b72801f;border:1px solid #6b728040}.admin-badge.status-active{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.admin-badge.status-inactive{color:#f87171;background:#ef444414;border:1px solid #ef444426}.admin-badge.status-available{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.admin-btn-sm{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-btn-edit{background:rgba(var(--accent-color-rgb), .1);color:#a5b4fc;border-color:rgba(var(--accent-color-rgb), .2)}.admin-btn-edit:hover{background:rgba(var(--accent-color-rgb), .2);color:#fff;transform:translateY(-1px)}.admin-btn-delete{color:#f87171;background:#ef444414;border-color:#ef444426}.admin-btn-delete:hover{color:#fff;background:#ef444433;transform:translateY(-1px)}.admin-btn-copy{color:#4ade80;background:#22c55e14;border-color:#22c55e26}.admin-btn-copy:hover{color:#fff;background:#22c55e33;transform:translateY(-1px)}.admin-pagination{border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.admin-pagination button{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:.85rem;transition:all .2s;display:flex}.admin-pagination button:hover:not(:disabled){background:rgba(var(--accent-color-rgb), .15);color:#fff;border-color:rgba(var(--accent-color-rgb), .3)}.admin-pagination button:disabled{opacity:.3;cursor:not-allowed}.admin-pagination button.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.admin-pagination span{color:var(--text-secondary);font-size:.85rem}.admin-chart-card{-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff0a;border-radius:14px;padding:1.5rem;transition:all .3s}.admin-chart-card:hover{border-color:#ffffff14}.admin-chart-title{align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.95rem;font-weight:700;display:flex}.admin-charts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}.admin-keygen-form{background:#0003;border:1px solid #ffffff0a;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.admin-form-group{flex-direction:column;gap:.4rem;display:flex}.admin-form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.admin-form-group input,.admin-form-group select{color:#fff;background:#0000004d;border:1px solid #ffffff14;border-radius:8px;outline:none;min-width:130px;padding:.65rem 1rem;font-family:Outfit,sans-serif;font-size:.9rem;transition:border-color .2s}.admin-form-group input:focus,.admin-form-group select:focus{border-color:var(--accent-color)}.admin-form-group select option{color:#fff;background:#1a1a2e}.admin-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#000000a6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.admin-modal{-webkit-backdrop-filter:blur(20px);background:#0f0f19f2;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:480px;padding:2rem;box-shadow:0 25px 60px #0009}.admin-modal h3{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.4rem;display:flex}.admin-modal-form{flex-direction:column;gap:1rem;display:flex}.admin-modal-form label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.admin-modal-form input,.admin-modal-form select{color:#fff;background:#0000004d;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-family:Outfit,sans-serif;font-size:.95rem;transition:border-color .2s}.admin-modal-form input:focus,.admin-modal-form select:focus{border-color:var(--accent-color);box-shadow:0 0 15px rgba(var(--accent-color-rgb), .1)}.admin-modal-actions{gap:1rem;margin-top:.5rem;display:flex}@media (width<=900px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;min-width:unset;flex-direction:row;gap:.25rem;padding:1rem;position:static;overflow-x:auto}.admin-sidebar-title{display:none}.admin-sidebar-item{white-space:nowrap;padding:.7rem 1rem;font-size:.85rem}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-charts-grid{grid-template-columns:1fr}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:.65rem .5rem}}@media (width<=600px){.admin-stats-grid{grid-template-columns:1fr}.admin-keygen-form{flex-direction:column;align-items:stretch}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#05050a99;border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(var(--accent-color-rgb), .25);background-clip:padding-box;border:2px solid #0000;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-color-rgb), .5);background-clip:padding-box;border:2px solid #0000}*{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-color-rgb), .25) #05050a99}