.landing-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--color-bg-alt);box-shadow:0 4px 10px #0009}.logo-text{font-size:1.8rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 8px rgba(241,196,15,.6)}.hero{text-align:center;padding:5rem 2rem}.hero h1{font-size:2.8rem;margin-bottom:2rem}.hero h1 span{color:var(--color-primary)}.cta-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.cta-container a{display:block;width:100%;max-width:280px;text-align:center;padding:.9rem 1.2rem;font-size:1rem;box-sizing:border-box}.cta-btn{background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));padding:.7rem 1.5rem;border-radius:var(--radius);font-weight:700;color:#111;box-shadow:0 0 12px #f1c40f99;transition:var(--transition)}.cta-btn:hover{transform:scale(1.05);box-shadow:0 0 18px #f1c40fe6}.cta-secondary{background:#2c2c2c;padding:.7rem 1.5rem;border-radius:var(--radius);font-weight:700;color:var(--color-text);border:1px solid var(--color-primary);transition:var(--transition)}.cta-secondary:hover{background:var(--color-primary);color:#111;box-shadow:0 0 15px #f1c40fcc}.carousel{overflow:hidden;max-width:600px;margin:0 auto 2rem;height:50px;position:relative}.carousel-track{display:flex}.carousel-item{min-width:100%;text-align:center;font-size:1.2rem;color:var(--color-primary);text-shadow:0 0 8px rgba(241,196,15,.5)}.contacto{text-align:center;padding:3rem 1rem}.contacto h2{margin-bottom:1rem;color:var(--color-primary)}.wsp-btn{display:inline-block;padding:1rem 2rem;margin-top:1rem;background:linear-gradient(90deg,#25d366,#128c7e);border-radius:var(--radius);font-weight:700;color:#fff;box-shadow:0 0 12px #25d36699;transition:var(--transition)}.wsp-btn:hover{transform:scale(1.1);box-shadow:0 0 20px #25d366e6}.servicios{padding:4rem 2rem;text-align:center}.servicios h2{margin-bottom:2rem;color:var(--color-primary);font-size:2rem;text-shadow:0 0 10px rgba(241,196,15,.5)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.landing-card{background:var(--color-card);padding:2rem;border-radius:18px;box-shadow:var(--shadow);transition:transform .3s ease;opacity:0;transform:translateY(40px)}.landing-card.show{opacity:1;transform:translateY(0);transition:all .8s ease}.landing-card:hover{transform:translateY(-8px)}.landing-card h3{margin-bottom:1rem;color:var(--color-primary)}.landing-section{opacity:0;transform:translateY(40px);transition:all .8s ease}.landing-section.show{opacity:1;transform:translateY(0)}.landing-footer{text-align:center;padding:1.5rem;background:var(--color-bg-alt);border-top:1px solid rgba(241,196,15,.3)}.socials{margin-top:.8rem}.socials a{margin:0 10px;color:var(--color-primary);font-weight:600;transition:var(--transition)}.socials a:hover{text-decoration:underline;color:#ffd900}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s ease}.loader-logo{font-size:3rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px rgba(241,196,15,.8),0 0 40px rgba(241,196,15,.6);animation:glowZoom 2.5s ease-in-out forwards}@keyframes glowZoom{0%{transform:scale(.8);opacity:0;text-shadow:0 0 5px var(--color-primary)}30%{transform:scale(1.2);opacity:1;text-shadow:0 0 25px var(--color-primary),0 0 50px var(--color-primary)}60%{transform:scale(1);opacity:1;text-shadow:0 0 15px var(--color-primary)}to{transform:scale(5);opacity:0;text-shadow:none}}@media(max-width:480px){.landing-header{flex-direction:column;align-items:center;text-align:center}.hero{padding:3rem 1rem}.hero h1{font-size:2.2rem;line-height:1.2}.cards{grid-template-columns:1fr;gap:1rem;justify-items:center}.landing-card{max-width:90%}.landing-footer{padding:1rem;font-size:.85rem}}@media(max-width:768px){.landing-header{padding:1rem}.hero{padding:4rem 1.5rem}.hero h1{font-size:2.2rem}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;justify-items:center}.carousel{max-width:95%;margin:0 auto}}@media(min-width:1200px){.hero{padding:6rem 2rem}.hero h1{font-size:3.2rem}.cards{grid-template-columns:repeat(3,1fr);gap:2rem;justify-items:center}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-container{background:#191919f2;padding:2.5rem 2rem;border-radius:16px;width:100%;max-width:380px;text-align:center;box-shadow:0 12px 35px #000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .8s ease forwards}.login-container .logo{width:90px;margin-bottom:1rem;filter:drop-shadow(0 0 8px rgba(212,175,55,.6))}.login-container h2{color:var(--color-primary);margin-bottom:1.5rem;text-shadow:0 0 8px rgba(241,196,15,.5);font-weight:700;font-size:1.5rem}.form-group{text-align:center;margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.5rem;color:#ccc;font-size:.9rem;font-weight:500}.form-group input{width:100%;padding:.8rem 1rem;border:none;border-radius:10px;background:#2c2c2c;color:#fff;outline:none;font-size:.95rem;transition:var(--transition);box-sizing:border-box}.form-group input:focus{border:1px solid var(--color-primary);box-shadow:0 0 12px #f1c40f99}.password-wrapper{position:relative}.password-wrapper input{padding-right:45px}.toggle-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.1rem;-webkit-user-select:none;user-select:none;color:#aaa;transition:color .3s ease}.toggle-eye:hover{color:var(--color-primary)}.login-container button[type=submit],.modal-content button{width:100%;padding:.9rem;margin-top:1.5rem;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));border:none;border-radius:10px;font-weight:600;font-size:1rem;color:#111;cursor:pointer;transition:var(--transition);box-shadow:0 0 15px #f1c40f80}.login-container button[type=submit]:hover,.modal-content button:hover{transform:scale(1.05);box-shadow:0 0 20px #f1c40fcc}.login-container button:disabled{opacity:.6;cursor:not-allowed;transform:none}.message{margin-top:1rem;font-size:.9rem;font-weight:500;min-height:18px}.register-link{margin-top:1.5rem}.register-link a{color:var(--color-primary);font-size:.9rem;font-weight:600;transition:color .3s ease}.register-link a:hover{text-decoration:underline;color:#ffd900}.forgot-link{margin-top:.1rem;text-align:center}.forgot-link button{background:none!important;border:none;color:var(--color-primary);cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:underline;padding:0;box-shadow:none!important;margin-top:.5rem}.forgot-link button:hover{color:#ffd900}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center}.modal-content{background:#1c1c1c;padding:2rem;border-radius:15px;width:350px;text-align:center;box-shadow:0 0 20px #f1c40f99;position:relative}.modal-content h3{color:var(--color-primary);margin-bottom:1rem}.modal-content input{width:100%;padding:.8rem;margin-bottom:1rem;border:none;border-radius:10px;background:#2c2c2c;color:#fff;box-sizing:border-box;outline:none}.close{position:absolute;top:15px;right:20px;font-size:1.5rem;color:#ccc;cursor:pointer}.close:hover{color:var(--color-primary)}@media(max-width:768px){.login-container{max-width:90%;padding:2rem 1.5rem}}@media(max-width:480px){.login-container{max-width:100%;padding:1.5rem 1rem;border-radius:12px}.login-container .logo{width:70px}.login-container h2{font-size:1.1rem}}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0af2;z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-primary);font-weight:600;letter-spacing:1px;animation:fadeOut 1s ease 2.5s forwards}.logo-spin{width:70px;height:70px;border:4px solid rgba(241,196,15,.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeOut{to{opacity:0;visibility:hidden;pointer-events:none}}.header-glass{display:flex;justify-content:space-between;align-items:center;background:#141414cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(212,175,55,.3);box-shadow:0 8px 25px #0009;padding:1rem 2rem;position:fixed;top:0;left:0;right:0;z-index:2000}body:has(.header-glass){padding-top:80px}.header-left{display:flex;align-items:center;gap:1rem}.logo-main{width:50px;filter:drop-shadow(0 0 8px rgba(241,196,15,.5))}.header-left h1{font-size:1.5rem;font-weight:700}.header-left span{color:var(--color-primary)}.header-right{display:flex;align-items:center;gap:1.2rem}.user-mini{display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:transform .3s ease}.user-mini:hover{transform:scale(1.05)}.user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));display:flex;align-items:center;justify-content:center;color:#111;font-weight:700;box-shadow:0 0 10px #f1c40f80}.user-name-mini{font-size:.9rem}.logout-btn{background:linear-gradient(90deg,#e74c3c,#c0392b);border:none;padding:.6rem 1.1rem;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{transform:scale(1.07);box-shadow:0 0 15px #e74c3ccc}.progress-btn{background:linear-gradient(90deg,#fab801,#000);border:none;padding:.6rem 1rem;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.progress-btn:hover{transform:scale(1.07);box-shadow:0 0 15px #ffc400cc}.user-panel,.progress-panel{position:fixed;top:0;right:-400px;width:320px;height:100%;background:#0f0f0ff2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:-4px 0 30px #000000b3;border-left:1px solid rgba(212,175,55,.3);padding:2rem 1.5rem;display:flex;flex-direction:column;transition:right .45s ease;z-index:3000}.user-panel.active,.progress-panel.active{right:0}.progress-panel{width:340px;border-left-color:#fe06;overflow-y:auto;z-index:3500}.user-info{text-align:center}.avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));display:flex;align-items:center;justify-content:center;color:#111;font-size:1.8rem;font-weight:700;margin:0 auto 1rem;box-shadow:0 0 25px #f1c40f66}.user-info h2{color:var(--color-primary);font-size:1.2rem;margin-bottom:.3rem}.user-info p{color:#ccc;font-size:.9rem;margin:.2rem 0}.user-actions{display:flex;flex-direction:column;gap:.7rem;margin-top:auto}.btn-close-panel{background:#222;color:var(--color-primary);border:none;padding:.8rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-close-panel:hover{background:#333}.progress-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-grid{display:flex;flex-direction:column;gap:1rem}.progress-card{background:#1e1e1ee6;border:1px solid rgba(255,238,0,.4);padding:1rem;border-radius:12px;box-shadow:0 8px 20px #0009}.progress-card h4{color:var(--color-primary);margin-bottom:.3rem}.progress-card p{color:#ccc;font-size:.85rem}.progress-bar{height:10px;background:#222;border-radius:10px;margin-top:.5rem;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#fe0,#000);border-radius:10px;transition:width .5s ease}.close-progress{background:none;border:none;color:#ffc400;font-size:1.2rem;cursor:pointer;transition:transform .3s ease}.close-progress:hover{transform:scale(1.2)}.main-container{padding:2rem 6%}.welcome-section{text-align:center;margin:1.8rem 0}.welcome-section h2{color:var(--color-primary);font-size:1.9rem;text-shadow:0 0 8px rgba(241,196,15,.5);margin-bottom:.3rem}.subtitle{color:#bfbfbf;margin-top:.3rem;font-size:1rem}.featured-section{text-align:center;margin-bottom:1.9rem}.featured-section h3{margin-bottom:1.5rem;font-weight:700;color:var(--color-primary)}.carousel-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.carousel-courses{display:flex;align-items:center;justify-content:center;position:relative;perspective:1200px;width:100%;max-width:1500px;height:400px;overflow:visible}.carousel-card{position:absolute;width:370px;height:460px;border-radius:20px;background:#1e1e1ee6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(241,196,15,.2);box-shadow:0 12px 35px #000000bf;opacity:0;transition:transform .8s ease,opacity .8s ease}.carousel-card.center{transform:translate(0) scale(1.05);z-index:3;opacity:1}.carousel-card.right-card{transform:translate(260px) scale(.9) rotateY(-18deg);opacity:.6}.carousel-card.left-card{transform:translate(-260px) scale(.9) rotateY(18deg);opacity:.6}.carousel-card.hidden-card{transform:translate(0) scale(.7);opacity:0}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);font-size:2.2rem;color:var(--color-primary);background:#0006;border:1px solid rgba(241,196,15,.5);border-radius:50%;width:50px;height:50px;cursor:pointer;transition:all .3s ease;z-index:10}.carousel-btn:hover{background:var(--color-primary);color:#111;transform:translateY(-50%) scale(1.1)}.carousel-btn.left{left:20px}.carousel-btn.right{right:20px}.course-img{width:100%;height:160px;border-radius:18px 18px 0 0;overflow:hidden}.course-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.course-card:hover .course-img img{transform:scale(1.08)}.course-body{padding:1rem;text-align:left}.course-tags{display:flex;justify-content:space-between;color:var(--color-primary);font-weight:600;font-size:.85rem}.course-body h4{margin:.6rem 0;color:var(--color-primary);text-shadow:0 0 6px rgba(241,196,15,.4)}.course-body p{color:#ccc;font-size:.9rem;margin-bottom:.8rem}.course-btn{display:block;width:100%;text-align:center;padding:.8rem;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));color:#111;font-weight:700;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease}.course-btn:hover{transform:scale(1.05);box-shadow:0 0 18px #f1c40f99}.badge{position:absolute;top:10px;left:10px;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));color:#111;font-size:.7rem;font-weight:700;padding:.3rem .6rem;border-radius:8px;box-shadow:0 0 8px #f1c40f80;z-index:2}.filters{text-align:center;margin:3rem 0 2rem}.filter-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.filter-btn{background:#1e1e1ecc;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:20px;padding:.6rem 1.2rem;cursor:pointer;font-weight:600;transition:all .3s ease}.filter-btn:hover,.filter-btn.active{background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));color:#111;box-shadow:0 0 15px #f1c40f99}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.grid-card{position:relative;border-radius:20px;background:#1e1e1ee6;border:1px solid rgba(241,196,15,.2);box-shadow:0 12px 35px #000000bf;transition:transform .3s ease,box-shadow .3s ease}.grid-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 25px #f1c40f66}.footer-glass{background:#141414cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;padding:1rem;border-top:1px solid rgba(212,175,55,.25);color:#aaa;font-size:.9rem}.footer-socials{margin-bottom:.5rem}.footer-socials a{display:inline-block;padding:10px 18px;border-radius:30px;color:#fff;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 8px #00000026;margin:5px}.footer-socials a[href*=instagram]{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.footer-socials a[href*=facebook]{background:linear-gradient(45deg,#1877f2,#3b5998)}.footer-socials a:hover{transform:scale(1.07)}@media(max-width:769px){html,body{font-size:13px}.header-glass{padding:.4rem 1rem;height:55px}.logo-main{width:30px}.header-left h1{font-size:.9rem}.header-right{gap:.5rem}.user-avatar{width:26px;height:26px;font-size:.8rem}.user-name-mini{font-size:.75rem}.progress-btn,.logout-btn{font-size:.75rem;padding:.35rem .8rem}.welcome-section h2{font-size:1.2rem}.subtitle{font-size:.8rem}.featured-section{display:none}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.user-panel,.progress-panel{width:100%;right:-100%}.footer-glass{padding:.6rem;font-size:.8rem}}@media(max-width:400px){html,body{font-size:10px}.logo-main{width:24px}.header-left h1{font-size:.75rem}}.payment-page{display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden}.snpago-container{text-align:center;background:#141414eb;padding:2.8rem;border-radius:20px;width:420px;max-width:90%;box-shadow:0 0 35px #d4af374d;animation:fadeInUp 1s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.snpago-container .logo{width:110px;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.snpago-container h1{color:var(--color-danger);margin-bottom:.5rem;text-shadow:0 0 10px rgba(231,76,60,.6)}.warning{margin-bottom:1.5rem;font-size:1rem;color:var(--color-primary);font-weight:700}.benefits{text-align:left;margin:1.5rem 0}.benefits h2{color:var(--color-primary-dark);margin-bottom:.8rem;text-shadow:0 0 8px rgba(212,175,55,.5)}.benefits ul{list-style:none;padding:0}.benefits li{margin-bottom:.7rem;padding-left:1.5rem;position:relative}.benefits li:before{content:"✨";position:absolute;left:0;animation:sparkle 2s infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.pay-button{display:inline-block;margin-top:1rem;padding:1rem 1.8rem;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));color:#111;font-weight:700;border:none;border-radius:12px;transition:all .3s ease;box-shadow:0 0 15px #f1c40f80;cursor:pointer;font-size:1rem}.pay-button:hover{transform:scale(1.08);box-shadow:0 0 25px #f1c40fe6}.pay-button:active{transform:scale(.95)}.note{margin-top:1.5rem;font-size:.85rem;color:#bbb;font-style:italic}.logout-btn-fixed{position:fixed;top:15px;right:20px;background:#e74c3c;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;box-shadow:0 0 12px #e74c3c99;z-index:100}.logout-btn-fixed:hover{background:#c0392b;transform:scale(1.05)}.admin-page{min-height:100vh;background:#0a0a0a}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 2rem;background:#0f0f0ff2;border-bottom:1px solid rgba(241,196,15,.3);position:sticky;top:0;z-index:100}.admin-header-left{display:flex;align-items:center;gap:.8rem}.admin-logo{width:36px;filter:drop-shadow(0 0 6px rgba(241,196,15,.4))}.admin-header h1{font-size:1.3rem;color:var(--color-primary)}.admin-header-right{display:flex;align-items:center;gap:.8rem}.admin-user{color:#999;font-size:.85rem}.admin-btn-secondary{background:#333;color:var(--color-primary);border:1px solid var(--color-primary);padding:.4rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.admin-btn-secondary:hover{background:var(--color-primary);color:#111}.admin-btn-danger{background:#e74c3c;color:#fff;border:none;padding:.4rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.admin-btn-danger:hover{background:#c0392b}.admin-tabs{display:flex;gap:0;background:#111;border-bottom:1px solid #222}.admin-tabs button{padding:.8rem 2rem;background:transparent;color:#888;border:none;font-weight:600;font-size:.95rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.admin-tabs button:hover{color:#ccc;background:#ffffff08}.admin-tabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-flash{background:var(--color-primary);color:#111;text-align:center;padding:.6rem;font-weight:700;font-size:.9rem;animation:fadeIn .3s ease}.admin-main{padding:2rem;max-width:1400px;margin:0 auto}.admin-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem}.stat-card{background:#1a1a1a;border-radius:14px;padding:1.5rem;text-align:center;border:1px solid #222;transition:transform .2s}.stat-card:hover{transform:translateY(-3px)}.stat-card h3{font-size:2.5rem;margin-bottom:.3rem}.stat-card p{color:#999;font-size:.9rem}.stat-card.gold{border-color:#f1c40f66}.stat-card.gold h3{color:var(--color-primary)}.stat-card.green{border-color:#2ecc7166}.stat-card.green h3{color:#2ecc71}.stat-card.blue{border-color:#3498db66}.stat-card.blue h3{color:#3498db}.stat-card.purple{border-color:#9b59b666}.stat-card.purple h3{color:#9b59b6}.stat-card.dark{border-color:#333}.stat-card.dark h3{color:#ccc}.stat-card.wide{grid-column:1 / -1;text-align:left}.stat-card.wide h4{color:var(--color-primary);margin-bottom:1rem}.curso-bars{display:flex;flex-direction:column;gap:.6rem}.curso-bar-row{display:flex;align-items:center;gap:.8rem}.curso-name{width:120px;font-weight:600;color:#ccc;text-transform:capitalize}.curso-bar{flex:1;height:12px;background:#222;border-radius:6px;overflow:hidden}.curso-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));border-radius:6px;transition:width .5s ease;min-width:4px}.curso-count{color:var(--color-primary);font-weight:700;min-width:30px;text-align:right}.admin-search{display:flex;gap:.6rem;margin-bottom:1rem}.admin-search input{flex:1;padding:.7rem 1rem;background:#1a1a1a;border:1px solid #333;border-radius:10px;color:#fff;font-size:.95rem;outline:none}.admin-search input:focus{border-color:var(--color-primary);box-shadow:0 0 8px #f1c40f4d}.admin-search button{padding:.7rem 1.5rem;background:var(--color-primary);color:#111;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s}.admin-search button:hover{box-shadow:0 0 15px #f1c40f80}.admin-count{color:#666;font-size:.85rem;margin-bottom:1rem}.admin-loading,.admin-empty{color:#666;text-align:center;padding:3rem;font-size:1.1rem}.admin-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #222}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table thead{background:#1a1a1a}.admin-table th{padding:.8rem 1rem;text-align:left;color:var(--color-primary);font-weight:700;border-bottom:1px solid #333;white-space:nowrap}.admin-table td{padding:.7rem 1rem;border-bottom:1px solid #1a1a1a;color:#ccc}.admin-table tbody tr:hover{background:#f1c40f08}.cell-ok{color:#2ecc71!important;font-weight:600}.badge{display:inline-block;padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:700}.badge-gold{background:#f1c40f33;color:var(--color-primary)}.badge-gray{background:#96969626;color:#888}.badge-red{background:#e74c3c33;color:#e74c3c}.badge-blue{background:#3498db33;color:#3498db}.actions-cell{display:flex;gap:.4rem;flex-wrap:wrap}.btn-sm{padding:.3rem .6rem;border:none;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-gold{background:#f1c40f33;color:var(--color-primary)}.btn-gold:hover{background:var(--color-primary);color:#111}.btn-blue{background:#3498db33;color:#3498db}.btn-blue:hover{background:#3498db;color:#fff}.btn-green{background:#2ecc7133;color:#2ecc71}.btn-green:hover{background:#2ecc71;color:#111}.btn-red{background:#e74c3c33;color:#e74c3c}.btn-red:hover{background:#e74c3c;color:#fff}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.admin-pagination button{padding:.5rem 1.2rem;background:#222;color:var(--color-primary);border:1px solid #333;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.admin-pagination button:hover:not(:disabled){background:var(--color-primary);color:#111}.admin-pagination button:disabled{opacity:.3;cursor:not-allowed}.admin-pagination span{color:#888;font-size:.9rem}.mini-bar{display:inline-block;width:80px;height:8px;background:#222;border-radius:4px;overflow:hidden;vertical-align:middle}.mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));border-radius:4px}.pct-label{margin-left:.4rem;font-size:.8rem;color:var(--color-primary);font-weight:600}.btn-back{background:none;border:none;color:var(--color-primary);font-size:.95rem;font-weight:600;cursor:pointer;margin-bottom:1.5rem;padding:0}.btn-back:hover{text-decoration:underline}.detail-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:2rem}.detail-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));display:flex;align-items:center;justify-content:center;color:#111;font-size:1.5rem;font-weight:700}.detail-header h3{color:var(--color-primary);font-size:1.3rem}.detail-header p{color:#999;font-size:.9rem}@media(max-width:768px){.admin-header{flex-direction:column;gap:.5rem;padding:.6rem 1rem}.admin-tabs button{padding:.6rem 1rem;font-size:.85rem}.admin-main{padding:1rem}.admin-dashboard{grid-template-columns:repeat(2,1fr)}.actions-cell{flex-direction:column}.admin-table{font-size:.8rem}}@media(max-width:480px){.admin-dashboard{grid-template-columns:1fr}}:root{--color-bg: #0d0d0d;--color-bg-alt: rgba(20,20,20,.95);--color-primary: #f1c40f;--color-primary-dark: #d4af37;--color-text: #f5f5f5;--color-text-muted: #ccc;--color-card: rgba(30,30,30,.95);--color-danger: #e74c3c;--color-success: #2ecc71;--radius: 12px;--shadow: 0 10px 30px rgba(0,0,0,.8);--transition: all .3s ease;--font-main: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-main);background:radial-gradient(circle at top,#1a1a1a,var(--color-bg) 80%);color:var(--color-text);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary-dark),var(--color-primary));border-radius:8px;box-shadow:0 0 6px #f1c40f80}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark))}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg)}.fade-in{opacity:0;transform:translateY(20px);animation:fadeUp .8s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}