:root{--page-bg:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);--surface:#1e2332eb;--surface-alt:#242a3ce6;--surface-border:#ffffff14;--surface-shadow:0 18px 40px #00000059;--text-primary:#e8edf7;--text-secondary:#c2ccda;--text-muted:#9aa5b7;--accent:#5865f2}body,html{background:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background:var(--page-bg);background-attachment:fixed;color:#e8edf7;color:var(--text-primary)}.FuerzaPublica-container{display:flex;flex-direction:column;min-height:100vh}.App{text-align:center}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tabs{flex-wrap:wrap;gap:5px;padding-bottom:10px}.tabs button{background-color:#242a3ce6;background-color:var(--surface-alt);border:none;border-radius:5px 5px 0 0;color:#e8edf7;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.tabs button.active{background-color:#4267b2;color:#fff}.tabs button:disabled{background-color:#ffffff0f;color:#9aa0ab;cursor:not-allowed}.tab-content{border-radius:8px;color:#e8edf7;color:var(--text-primary);padding:20px}.general-info{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr}.info-section{background-color:#1e2332eb;background-color:var(--surface);border-radius:8px;padding:15px}.info-section h3{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border);color:#e8edf7;color:var(--text-primary);margin-top:0;padding-bottom:10px}.multa-card,.orden-card,.vehiculo-card{box-shadow:0 1px 3px #0000001a;margin-bottom:15px;padding:15px}.multa-card h4,.orden-card h4,.vehiculo-card h4{color:#4267b2;padding-bottom:5px}.vehiculos-grid{grid-gap:15px;gap:15px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background:var(--page-bg);background-attachment:fixed;color:#e8edf7;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.FuerzaPublica-container{margin:0 auto;max-width:1200px;padding:20px}.FuerzaPublica-content{margin-top:20px}.profile-header{background-color:#1e2332eb;background-color:var(--surface);border-radius:8px;padding:20px}.profile-header h2{color:#e8edf7;color:var(--text-primary);margin-top:0}.profile-header p{color:#c7c9ce;font-size:18px}.FuerzaPublica-header{align-items:center;background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);display:flex;justify-content:space-between;padding:1.2rem 2rem}.FuerzaPublica-main{align-items:center;display:flex;justify-content:center;padding:3rem 1rem}.FuerzaPublica-card{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:1rem;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);max-width:500px;padding:2rem;text-align:center;width:100%}.FuerzaPublica-card h3{color:#1e293b;font-size:1.25rem;margin-bottom:1.5rem}.btn-volver{background-color:#242a3ce6;background-color:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:6px;color:#e8edf7;color:var(--text-primary);cursor:pointer;font-weight:700;margin-bottom:1rem;padding:8px 16px;transition:background-color .3s,border-color .3s}.btn-volver:hover{background-color:#1e2332eb;background-color:var(--surface);border-color:#ffffff14;border-color:var(--surface-border)}.header-content{margin-bottom:10px}.avatar-section{background-color:#242a3ce6;background-color:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:5px;margin-top:20px;padding:15px}.roblox-avatar{border-radius:50%;height:130px;object-fit:cover;width:130px}.avatar-loading{color:#777;font-style:italic}.avatar-error{color:red}.logo-image{margin-bottom:1rem;width:200px}.subtitle{color:#c7c9ce;margin-bottom:1.5rem}.button-icon{font-size:1.2rem;margin-right:8px}.error-message{background-color:#dc35451f;border:1px solid #dc354559;border-radius:8px;margin:1rem 0;padding:15px;text-align:center}.error-message p{color:#d32f2f;font-weight:500;margin:0 0 10px}.error-message:before{content:"⚠️";font-size:18px}@font-face{font-family:Bebas Neue;src:url(/static/media/BebasNeue-Regular.c501e16fa3f0781f9d73.ttf) format("truetype")}.fuerza-publica-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.fuerza-publica-header{align-items:center;border-bottom:2px solid #1a237e;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.tools-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tool-card{background:#1e2332eb;background:var(--surface);padding:20px;transition:transform .2s,box-shadow .2s}.tool-card:hover{box-shadow:0 5px 15px #0003}.tool-card h3{margin-top:0}.tool-card button{background-color:#1a237e;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 15px}.tool-card button:hover{background-color:#303f9f}.dashboard-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.card-icon{font-size:2rem;margin-bottom:15px}.dashboard-header{align-items:center;border-bottom:2px solid #1976d2;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.dashboard-title{color:#1976d2;margin-bottom:40px;text-align:center}.categories-grid{grid-gap:30px;gap:30px}.category-card{transition:transform .2s,box-shadow .2s}.category-card h3{font-size:1.5rem;margin-top:0}.category-card p{margin-bottom:0}.card-hover-effect{bottom:-40px;font-weight:500;gap:5px;padding:10px;text-align:center;transition:bottom .3s ease;width:100%}.category-card:hover .card-hover-effect{bottom:0}.dashboard-container{background:#0000;color:#e8edf7;color:var(--text-primary);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.user-info h1{font-size:1.7rem;margin:0}.user-info .username{color:#3498db}.server-status{color:#0000007a;gap:8px;margin-top:5px}.header-right{align-items:center;display:flex;gap:25px}.dashboard-main{background:#0000;flex:1 1;padding:30px}.dashboard-content{margin:0 auto;max-width:1200px}.section-title{font-size:1.8rem;font-weight:600;margin-bottom:30px}.section-title span{background-color:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background-color:var(--page-bg);position:relative;z-index:1}.section-title:after{background-color:#ffffff14;background-color:var(--surface-border);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}.categories-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:40px}.category-card{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);color:#e8edf7;color:var(--text-primary);display:flex;flex-direction:column;height:225px;padding:25px;transition:all .3s ease}.category-card:hover{box-shadow:0 18px 40px #0006;transform:translateY(-5px)}.category-card h3{color:#e8edf7;color:var(--text-primary);font-size:1.4rem;font-weight:600;margin:0 0 10px}.category-card p{color:#9aa5b7;color:var(--text-muted);flex-grow:1;font-size:.95rem;line-height:1.5;margin:0}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:15px;text-align:center}.header-left,.header-right{justify-content:center;width:100%}.categories-grid{grid-template-columns:1fr}}.fuerza-publica-tools{margin-top:30px}.tool-card{background:#242a3ce6;background:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);color:#e8edf7;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;height:200px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.tool-card:hover{box-shadow:0 18px 40px #0006;transform:translateY(-5px)}.tool-card h3{color:#e8edf7;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 10px}.tool-card p{color:#9aa5b7;color:var(--text-muted);flex-grow:1;font-size:.95rem;line-height:1.5;margin:0}.profile-header h1{font-size:1.7rem}.profile-header .username{color:#3498db}.buscador-container{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);color:#e8edf7;color:var(--text-primary);margin:0 auto;max-width:600px;padding:20px}.buscador-container h2{color:#e8edf7;color:var(--text-primary);margin-bottom:20px;text-align:center}.consulta-content .search-box{display:flex;gap:10px}.consulta-content .search-box input{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:8px;color:#e8edf7;color:var(--text-primary);flex:1 1;font-size:16px;padding:10px 15px}.consulta-content .search-box button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.consulta-content .search-box button:hover{background-color:#2980b9}.consulta-content .search-box button.loading{background-color:#fff3;cursor:not-allowed}.spinner{animation:spin 1s ease-in-out infinite;height:12px;margin-right:8px;width:12px}.profile-header{color:#e8edf7;color:var(--text-primary)}.user-info{display:flex;flex-direction:column}.user-info h1{color:#e8edf7;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:.5rem 0}.username{color:#3498db}.server-status{align-items:center;color:#9aa5b7;color:var(--text-muted);display:flex;font-size:.9rem}.status-indicator{border-radius:50%;height:10px;margin-right:8px;width:10px}.status-indicator.online{background-color:#2ecc71}.header-buttons{display:flex;gap:10px}.consulta-main{flex:1 1;padding:2rem}.consulta-content{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);margin:0 auto;padding:2rem}.search-container{display:flex;justify-content:center;margin-top:2rem}.search-form{max-width:500px}.search-form .search-box{display:flex;width:100%}.cedula-input{border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:4px 0 0 4px;outline:none;padding:.8rem 1rem;transition:border-color .2s}.cedula-input:focus{border-color:#3498db}.search-button{background-color:#3498db;border-radius:0 4px 4px 0;font-weight:500;padding:.8rem 1.5rem;transition:background-color .2s}.search-button:hover{background-color:#2980b9}.search-button.loading{cursor:not-allowed;opacity:.8}.profile-header{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);flex-direction:column;margin-bottom:1.5rem;padding:1rem 2rem}.header-content h2{font-size:1.5rem;font-weight:600}.cedula-info{align-items:flex-end;flex-direction:column}.header-logo{height:100px;width:auto}.cedula-numero{color:#c7c9ce;font-size:.9rem;margin:.5rem 0 0}.loading-container{height:100vh}.loading{background-color:#242a3ce6;background-color:var(--surface-alt);border-radius:8px;color:#c7c9ce;padding:1rem}.tabs{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:10px 10px 0 0;margin:0 2rem 1rem;overflow-x:auto}.tab-button{background:none;color:#c7c9ce;font-weight:500;padding:1rem 1.5rem;position:relative;transition:all .2s;white-space:nowrap}.tab-button.active,.tab-button:hover:not(:disabled){color:#3498db}.tab-button.active:after{background-color:#3498db;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.tab-button:disabled{color:#aaa;cursor:not-allowed}.tab-content{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:0 0 10px 10px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);margin:0 2rem 2rem;padding:1.5rem}.general-info{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.avatar-section,.info-section{background:#242a3ce6;background:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);padding:1.5rem}.avatar-section h3,.info-section h3{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border);color:#e8edf7;color:var(--text-primary);margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.info-section p{line-height:1.6;margin:.5rem 0}.roblox-avatar{border-radius:8px;box-shadow:0 2px 5px #0000001a;display:block;height:auto;margin:0 auto;max-width:100%}.avatar-error,.avatar-loading,.avatar-placeholder{background:#242a3ce6;background:var(--surface-alt);border-radius:8px;color:#666;margin-top:1rem;padding:1rem;text-align:center}.avatar-error{background-color:#e74c3c1f;color:#e53e3e}.arrestos-list,.multas-list,.ordenes-list{display:flex;flex-direction:column;gap:1.5rem}.arrestos-list h3,.multas-list h3,.ordenes-list h3,.vehiculos-list h3{color:#e8edf7;color:var(--text-primary);margin-top:0}.multa-card,.orden-card,.vehiculo-card{background-color:#1e2332eb;background-color:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:8px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);padding:1.5rem;transition:transform .2s}.multa-card:hover,.orden-card:hover,.vehiculo-card:hover{box-shadow:0 4px 6px #0000001a}.multa-card h4,.orden-card h4,.vehiculo-card h4{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border);color:#e8edf7;color:var(--text-primary);margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.vehiculos-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (max-width:768px){.profile-header{padding:1rem}.tab-content,.tabs{margin:0 1rem 1rem}.tab-content{padding:1rem}.header-content{align-items:flex-start;flex-direction:column}.cedula-info{align-items:flex-start;margin-top:1rem}.general-info{grid-template-columns:1fr}}.form-container{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);margin:20px 0;padding:25px}.registro-arresto-form{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:800px}.form-group label{margin-bottom:6px}.form-group input[type=file],.form-group input[type=text],.form-group select{background:#ffffff0a;border:1px solid #e0e0e0;border-radius:6px;color:#e8edf7;color:var(--text-primary);font-size:15px;padding:12px;transition:border-color .3s,box-shadow .3s}.form-group input[type=text]:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-group input[type=file]{background:#ffffff0a;border:1px dashed #ccc;cursor:pointer;padding:10px}.form-group input[type=file]:hover{background-color:#242a3ce6;background-color:var(--surface-alt)}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%232c3e50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-size:16px;padding-right:40px}.form-group select:hover{background-color:#242a3ce6;background-color:var(--surface-alt)}.resumen-arresto{background:#242a3ce6;background:var(--surface-alt);border-left:4px solid #3498db;border-radius:0 6px 6px 0;margin:15px 0;padding:15px 20px}.resumen-arresto h3{color:#e8edf7;color:var(--text-primary);font-size:18px;margin-bottom:10px;margin-top:0}.resumen-arresto p{color:#34495e;font-size:15px;margin:8px 0}.resumen-arresto p strong{font-weight:600}.primary-button{align-self:center;background-color:#3498db;border-radius:6px;font-size:16px;font-weight:600;margin-top:10px;min-width:200px;padding:12px 24px;transition:background-color .3s,transform .2s}.primary-button:hover{background-color:#2980b9;transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{transform:none}.section-title{align-items:center;border-bottom:2px solid #3498db;display:flex;font-size:24px;justify-content:center;margin-bottom:20px;padding-bottom:10px;position:relative}.section-title span{background:#1e2332eb;background:var(--surface);padding:0 15px}@media (max-width:768px){.form-group{margin-bottom:10px}.form-group label{font-size:14px}.form-group input[type=file],.form-group input[type=text],.form-group select{font-size:14px;padding:10px}.resumen-arresto{padding:12px 15px}.primary-button{font-size:15px;padding:10px 20px}}.articulo-label{display:flex;flex-direction:column;padding:8px 0;width:100%}.articulo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;width:100%}.articulo-name{color:#e8edf7;color:var(--text-primary);font-weight:700}.articulo-multa{color:#e74c3c;font-weight:700}.articulo-desc{color:#c7c9ce;font-size:.9rem;max-width:100%;padding-left:4px;text-align:left;white-space:normal}.articulo-item{align-items:flex-start;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border);display:flex;padding:6px 10px;transition:background-color .2s}.articulo-item:hover{background-color:#ffffff0a}.articulo-item input[type=checkbox]{margin-right:12px;margin-top:7px}.articulos-seleccionados-detalle{background-color:#242a3ce6;background-color:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:5px;margin-top:10px;max-height:200px;overflow-y:auto;padding:8px}.articulo-detalle-item{border-bottom:1px dashed #ffffff14;border-bottom:1px dashed var(--surface-border);padding:5px 0}.articulo-detalle-item:last-child{border-bottom:none}.articulo-detalle-name{display:block;font-weight:700}.articulo-detalle-desc{color:#c7c9ce;display:block;font-size:.85rem;padding-left:10px}.articulos-selector{border:1px solid #ddd;border-radius:5px;margin-top:10px;max-height:300px;overflow-y:auto}.search-input-container{align-items:center;display:flex}.search-input-container input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:10px 12px 10px 35px;width:100%}.back-btn{align-self:flex-start;border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:4px;display:flex;font-size:.9rem;font-weight:500;margin-bottom:1rem;margin-right:15px;padding:.6rem 1.2rem;transition:all .2s ease;transition:background-color .3s,border-color .3s}.back-btn:hover{background-color:#1e2332eb;background-color:var(--surface);border-color:#ffffff14;border-color:var(--surface-border)}.informes-header h1{color:#e8edf7;color:var(--text-primary);margin-bottom:20px}.informes-actions{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.informes-actions .search-box{display:flex;flex-grow:1;max-width:400px}.informes-actions .search-box input{border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:4px 0 0 4px;flex-grow:1;font-size:14px;padding:10px}.informes-actions .search-box button{background-color:#3498db;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}.informes-actions .search-box button:hover{background-color:#2980b9}.btn-nuevo{align-items:center;background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:10px 15px;transition:background-color .3s}.btn-nuevo:hover{background-color:#219653}.informes-tabs{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border);display:flex;margin-bottom:20px}.informes-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#c7c9ce;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s}.informes-tabs button.active{border-bottom-color:#3498db}.informes-tabs button.active,.informes-tabs button:hover:not(.active){color:#e8edf7;color:var(--text-primary)}.informes-list{gap:20px}.informe-card{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);color:#e8edf7;color:var(--text-primary);padding:20px;transition:transform .2s,box-shadow .2s}.informe-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.informe-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border);margin-bottom:15px;padding-bottom:10px}.informe-header h3{color:#e8edf7;color:var(--text-primary);font-size:18px;margin:0}.informe-meta{color:#7f8c8d;display:flex;font-size:14px;gap:20px;margin-top:5px}.informe-content{margin-bottom:15px}.informe-content p{line-height:1.5;margin:8px 0}.informe-content strong{color:#e8edf7;color:var(--text-primary)}.informe-pruebas{margin-top:15px}.pruebas-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.prueba-item{background-color:#242a3ce6;background-color:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:4px;color:#3498db;display:inline-block;font-size:14px;padding:5px 10px;text-decoration:none;transition:background-color .2s}.prueba-item:hover{background-color:#ffffff0f}.informe-actions{border-top:1px solid #ffffff14;border-top:1px solid var(--surface-border);display:flex;gap:10px;justify-content:flex-end;padding-top:15px}.btn-editar,.btn-eliminar{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 15px;transition:opacity .2s}.btn-editar{background-color:#f39c12;color:#fff}.btn-eliminar{background-color:#e74c3c;color:#fff}.btn-editar:hover,.btn-eliminar:hover{opacity:.9}.editar-informe-container,.nuevo-informe-container{margin:0 auto;max-width:800px;padding:20px}.informe-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);padding:20px}.form-section,.form-section h2{color:#e8edf7;color:var(--text-primary)}.form-section h2{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border);font-size:20px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.form-group input[type=text],.form-group textarea{border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:4px;font-size:14px;padding:10px;transition:border-color .2s;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.read-only{background-color:#242a3ce6;background-color:var(--surface-alt);color:#c7c9ce;cursor:not-allowed}.file-upload-label{background-color:#3498db;gap:8px;padding:10px 15px}.file-upload-label:hover{background-color:#2980b9}.file-list{background-color:#242a3ce6;background-color:var(--surface-alt);border-radius:4px;margin-top:10px;padding:10px}.file-list ul{margin:5px 0 0;padding-left:20px}.pruebas-actuales ul{list-style:none;margin:10px 0 0;padding:0}.pruebas-actuales li{align-items:center;background-color:#242a3ce6;background-color:var(--surface-alt);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:5px;padding:8px 10px}.pruebas-actuales li.marked-for-deletion{opacity:.6;text-decoration:line-through}.pruebas-actuales a{color:#3498db;text-decoration:none}.pruebas-actuales a:hover{text-decoration:underline}.btn-eliminar-prueba{background:none;border:none;color:#e74c3c;cursor:pointer;padding:5px}.form-actions{display:flex;justify-content:flex-end}.form-actions button{align-items:center;background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:10px 20px;transition:background-color .2s}.form-actions button:hover{background-color:#219653}.form-actions button:disabled{background-color:#95a5a6;cursor:not-allowed}.field-error{color:#d32f2f;font-size:13px;margin-top:5px}.loading{color:#7f8c8d;padding:20px;text-align:center}.no-results{background:#242a3ce6;background:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);color:#c7c9ce;padding:30px}@media (max-width:768px){.informes-actions{flex-direction:column}.search-box{max-width:100%;width:100%}.informe-meta{flex-direction:column;gap:5px}}.btn-pdf{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:8px;padding:6px 12px}.arresto-foto img{border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:5px}.tab-content>p{color:#666;padding:20px;text-align:center}.multa-card:hover,.orden-card:hover,.vehiculo-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px);transition:all .3s ease}.vehiculos-content{margin:0 auto;max-width:1200px;padding:20px}.vehiculos-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.vehiculos-header h3{align-items:center;display:flex;gap:10px}.add-first-vehicle,.add-vehicle-btn{align-items:center;background-color:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 15px}.add-first-vehicle:hover,.add-vehicle-btn:hover{background-color:#27ae60}.vehicle-form{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:8px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);margin-bottom:30px;padding:20px}.vehicle-form h4{color:#e8edf7;color:var(--text-primary);margin-bottom:20px;margin-top:0}.form-group label{font-weight:500;margin-bottom:5px}.form-group input{border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:4px;padding:8px;width:100%}.form-actions{margin-top:20px;text-align:right}.submit-btn{background-color:#3498db;padding:8px 20px}.submit-btn:hover{background-color:#2980b9}.vehiculos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.vehiculo-card{transition:transform .3s ease,box-shadow .3s ease}.placeholder-image{color:#aaa}.vehicle-info h4{color:#2c3e50}.vehicle-info p{font-size:14px}.vehicle-actions{border-top:1px solid #eee}.vehicle-actions button{background:none;padding:10px}.edit-btn{border-right:1px solid #eee;color:#3498db}.edit-btn:hover{background:#f0f7fd}.delete-btn{color:#e74c3c}.delete-btn:hover{background:#fdf0f0}.no-vehicles{background:#f9f9f9;border-radius:8px;margin-top:20px;padding:40px 20px;text-align:center}.no-vehicles p{color:#666;margin-bottom:20px}.multas-list{padding:20px}.multas-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.multa-card{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);color:#e8edf7;color:var(--text-primary);padding:15px;transition:transform .2s}.multa-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.multa-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.multa-header h4{color:#e8edf7;color:var(--text-primary);margin:0}.multa-fecha{color:#c7c9ce;font-size:.85rem}.multa-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between}.detail-label{color:#c7c9ce;font-weight:700}.detail-value{color:#e8edf7;color:var(--text-primary);max-width:60%;text-align:right;word-break:break-word}@media (max-width:768px){.multas-grid{grid-template-columns:1fr}}.vehiculos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.vehiculo-card{background:#1e2332eb;background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);overflow:hidden;transition:transform .2s}.vehiculo-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.vehicle-image{align-items:center;background:#242a3ce6;background:var(--surface-alt);display:flex;height:180px;justify-content:center}.vehicle-image img{height:100%;object-fit:cover;width:100%}.placeholder-image{color:#ccc;text-align:center}.vehicle-info{border-bottom:1px solid #eee;padding:15px}.vehicle-info h4{color:#e8edf7;color:var(--text-primary);margin:0 0 10px}.vehicle-info p{font-size:.9rem;margin:5px 0}.vehicle-info strong{color:#c7c9ce}.vehicle-documents{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;padding:15px}.document-card{border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.document-header{align-items:center;background-color:#2c3e50;color:#fff;display:flex;font-weight:700;gap:8px;padding:8px 12px}.document-body{background-color:#1e2332eb;background-color:var(--surface);min-height:80px;padding:12px}.document-status{font-weight:700;margin-bottom:8px}.document-card.vigente .document-status{color:#27ae60}.document-card.vencido .document-status{color:#e74c3c}.document-card.no-comprado .document-status{color:#7f8c8d}.document-card p{color:#c7c9ce;font-size:.85rem;margin:5px 0}.document-button{background-color:#3498db;border:none;color:#fff;cursor:pointer;font-size:.85rem;padding:8px;transition:background-color .2s;width:100%}.document-button:hover{background-color:#2980b9}.document-card.vigente .document-button{background-color:#27ae60}.document-card.vigente .document-button:hover{background-color:#219955}.document-card.vencido .document-button{background-color:#e74c3c}.document-card.vencido .document-button:hover{background-color:#c0392b}.document-card.no-comprado .document-button{background-color:#7f8c8d}.document-card.no-comprado .document-button:hover{background-color:#6c7a7d}.vehicle-actions{border-top:1px solid #ffffff14;border-top:1px solid var(--surface-border);display:flex;gap:10px;padding:10px 15px}.vehicle-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;gap:5px;justify-content:center;padding:8px;transition:opacity .2s}.vehicle-actions button:hover{opacity:.9}@media (max-width:768px){.vehicle-documents,.vehiculos-grid{grid-template-columns:1fr}}.tienda-container{color:#333;margin:0 auto;max-width:1200px;padding:20px}.tienda-content{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);padding:20px}.tienda-description{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.saldo-info,.saldo-mobile{color:#2e7d32;font-weight:700}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.item-card{border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:8px;cursor:pointer;padding:15px;transition:all .3s ease}.item-card:hover{border-color:#4caf50;box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.item-header{align-items:center;display:flex;margin-bottom:10px}.item-emoji{font-size:1.5rem;margin-right:10px}.item-lock{color:#f44336;margin-left:auto}.item-price{color:#2e7d32;font-weight:700;margin:5px 0}.item-desc{color:#666;font-size:.9rem;margin:5px 0}.item-stock{color:#666;font-size:.8rem;margin-top:5px}.item-detail{background:#242a3ce6;background:var(--surface-alt);border-radius:8px;margin-top:20px;padding:20px}.item-actions{display:flex;justify-content:space-between;margin-top:20px}.back-btn,.buy-btn,.page-btn{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .2s ease}.back-btn{background-color:#242a3ce6;background-color:var(--surface-alt);color:var(--text-primary)}.back-btn:hover{background-color:#ffffff0f}.buy-btn{background-color:#4caf50}.buy-btn:hover:not(:disabled){background-color:#388e3c}.buy-btn:disabled{background-color:#ffffff2e}.pagination-controls{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px}.page-btn{background-color:#242a3ce6;background-color:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:4px;padding:8px 16px}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{font-weight:700}.roles-requeridos{align-items:center;color:#f44336;display:flex;gap:5px}.search-bar{display:flex;flex-direction:column;gap:10px;margin:20px 0}.search-input-container{position:relative;width:100%}.search-input{background:#ffffff0a;border:2px solid #ffffff14;border:2px solid var(--surface-border);border-radius:25px;color:#e8edf7;color:var(--text-primary);font-size:16px;padding:12px 20px 12px 40px;transition:all .3s ease;width:100%}.search-input:focus{background:#5865f21f;border-color:#4caf50;box-shadow:0 0 5px #4caf504d;outline:none}.search-icon{color:#777}.search-results-count{align-self:flex-end;color:#666;font-size:14px;margin-left:10px}.no-results{color:#666;grid-column:1/-1;padding:20px}.success-message{background:#2ecc7114;color:#00c851;margin:10px 0}.tienda-categories-menu{margin-top:20px}.tienda-categories-menu h3{color:#e8edf7;color:var(--text-primary);font-size:1.3rem;margin-bottom:20px;text-align:center}.categories-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.category-btn{align-items:center;background-color:#1e2332eb;background-color:var(--surface);border:2px solid #ffffff14;border:2px solid var(--surface-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:20px;text-align:center;transition:all .3s ease}.category-btn:hover{background-color:#4caf5026;border-color:#4caf50;box-shadow:0 5px 15px #4caf5033;transform:translateY(-5px)}.category-emoji{font-size:2.5rem}.category-name{color:#e8edf7;color:var(--text-primary);font-size:1.1rem;font-weight:700}.category-count{color:#c7c9ce;font-size:.9rem}.tienda-category-header{align-items:center;border-bottom:2px solid #ffffff14;border-bottom:2px solid var(--surface-border);display:flex;gap:20px;margin-bottom:20px;padding-bottom:15px}.back-category-btn{background-color:#242a3ce6;background-color:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:4px;color:#e8edf7;color:var(--text-primary);cursor:pointer;font-weight:700;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.back-category-btn:hover{background-color:#ffffff0f}.tienda-category-header h3{color:#e8edf7;color:var(--text-primary);flex-grow:1;margin:0}.tienda-subcategories-menu{margin-bottom:30px}.tienda-subcategories-menu h4{color:#e8edf7;color:var(--text-primary);font-size:1.1rem;margin-bottom:15px;text-align:center}.subcategories-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.subcategory-btn{align-items:center;background-color:#1e2332eb;background-color:var(--surface);border:2px solid #ffffff14;border:2px solid var(--surface-border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:15px;text-align:center;transition:all .3s ease}.subcategory-btn:hover{background-color:#2196f326;border-color:#2196f3;box-shadow:0 3px 10px #2196f333;transform:translateY(-3px)}.subcategory-emoji{font-size:2rem}.subcategory-name{color:#e8edf7;color:var(--text-primary);font-size:.95rem;font-weight:700}.subcategory-count{color:#c7c9ce;font-size:.85rem}.blackmarket-container{background-color:#121212;color:#e0e0e0;margin:0 auto;max-width:1200px;padding:20px}.blackmarket-content{background-color:#1e1e1e;border-radius:8px;box-shadow:0 2px 10px #00000080;padding:20px}.blackmarket-description{border-bottom:1px solid #333;margin-bottom:20px;padding-bottom:15px}.warning-text{color:#f55;font-weight:700;margin-top:10px}.blackmarket-item-card{background-color:#252525;border:1px solid #333;border-radius:8px;cursor:pointer;padding:15px;transition:all .3s ease}.blackmarket-item-card:hover{border-color:#9932cc;box-shadow:0 5px 15px #8b008b66;transform:translateY(-5px)}.blackmarket-item-card .item-header{align-items:center;display:flex;margin-bottom:10px}.blackmarket-item-card .item-emoji{font-size:1.5rem;margin-right:10px}.blackmarket-item-card .item-price{color:#9932cc;font-weight:700;margin:5px 0}.blackmarket-item-card .item-desc{color:#aaa;font-size:.9rem;margin:5px 0}.blackmarket-item-card .item-stock{color:#777;font-size:.8rem;margin-top:5px}.buy-btn{background-color:#9932cc;color:#fff}.buy-btn:hover:not(:disabled){background-color:#8a2be2}.buy-btn:disabled{background-color:#555;cursor:not-allowed}.blackmarket-item-detail{background-color:#121212;border-radius:8px;margin-top:20px;padding:20px}.profile-header,.tabs{margin-bottom:20px}.tabs{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border)}.search-box{gap:10px}.search-box input{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.notes-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.note-card{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:10px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);padding:15px}.note-header{color:#c7c9ce;display:flex;font-size:.9em;justify-content:space-between}.note-content,.note-header{margin-bottom:10px}.note-footer{color:#c7c9ce;font-size:.8em;text-align:right}.note-form textarea{border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:10px;width:100%}.primary-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.primary-button:disabled{background-color:#ffffff2e;cursor:not-allowed}.success-message{background-color:#388e3c26;border-radius:4px;color:#388e3c;padding:10px}.staff-on-duty-section{background:#2f3136;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:20px}.section-header{align-items:center;display:flex;margin-bottom:15px}.section-header h2{color:#e8edf7;color:var(--text-primary);font-size:1.5rem;margin:0}.staff-section-header{margin-bottom:15px}.staff-section-header h2{color:#e8edf7;font-size:1.5rem}.section-icon{color:#7289da;font-size:1.5rem;margin-right:10px}.staff-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.staff-member{align-items:center;background:#36393f;border-radius:5px;display:flex;padding:10px;transition:all .2s ease}.staff-member:hover{background:#40444b}.staff-avatar{border-radius:50%;height:40px;margin-right:10px;overflow:hidden;width:40px}.staff-avatar img{height:100%;object-fit:cover;width:100%}.staff-info{display:flex;flex-direction:column}.staff-name{color:#e8edf7;color:var(--text-primary);font-size:.9rem;font-weight:600}.staff-status{align-items:center;color:#43b581;display:flex;font-size:.8rem;margin-top:3px}.status-icon{margin-right:5px}.no-staff-message{color:#b9bbbe;font-style:italic}.loading-staff{color:#b9bbbe;padding:20px;text-align:center}.denuncia-main{margin:0 auto;max-width:800px;padding:2rem}.denuncia-info{background:#242a3ce6;background:var(--surface-alt);border-left:4px solid #dc3545;border-radius:4px;margin-bottom:2rem;padding:1rem}.warning-icon{color:#dc3545;margin-right:.5rem}.warning-text{color:#dc3545;margin-top:.5rem}.denuncia-form{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#ffffff0a;border:1px solid #ced4da;border-radius:4px;color:#e8edf7;color:var(--text-primary);font-size:1rem;padding:.75rem}.form-group textarea{min-height:150px}.file-upload{margin-bottom:1rem}.file-upload-label{align-items:center;background-color:#007bff;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;padding:.5rem 1rem;transition:background-color .2s}.file-upload-label:hover{background-color:#0056b3}.file-upload-info{color:#6c757d;display:block;font-size:.875rem;margin-top:.5rem}.evidencias-list{margin-top:1rem}.evidencias-list ul{list-style:none;padding:0}.evidencias-list li{background-color:#242a3ce6;background-color:var(--surface-alt);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.remove-file-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.25rem .5rem}.form-footer{align-items:center;display:flex;justify-content:space-between;margin-top:2rem}.required-fields{color:#6c757d;font-size:.875rem}.submit-btn{background-color:#28a745;border-radius:4px;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.submit-btn:hover{background-color:#218838}.submit-btn:disabled{background-color:#6c757d}.loading-spinner{border:4px solid #0000001a;border-top-color:#7289da;height:40px;margin:20px auto;width:40px}.spinner{margin-right:10px;vertical-align:middle}.ultimas-sanciones-section{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:8px;margin:20px 0;padding:20px}.ultimas-sanciones-section h3{align-items:center;color:#e8edf7;color:var(--text-primary);display:flex;font-size:1.1rem;gap:8px;margin-bottom:15px}.ultimas-sanciones-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-height:400px;overflow-y:auto}.sancion-card{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:6px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);padding:15px;transition:all .3s ease}.sancion-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.sancion-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.sancion-user{color:#2c3e50;font-size:.95rem;font-weight:600}.sancion-time{align-items:center;color:#6c757d;display:flex;font-size:.8rem;gap:4px}.sancion-content{margin-bottom:12px}.sancion-reason{background:#242a3ce6;background:var(--surface-alt);border-left:3px solid #ffc107;border-radius:4px;color:#e8edf7;color:var(--text-primary);font-size:.9rem;line-height:1.4;padding:8px}.sancion-info,.sancion-reason{margin-bottom:8px}.roblox-name{background:#242a3ce6;background:var(--surface-alt);border-radius:8px;color:#c7c9ce;font-size:.8rem;font-style:italic;padding:2px 6px}.sancion-status{align-items:center;display:flex;gap:10px;justify-content:space-between}.warn-count{background:#e9ecef;border-radius:12px;color:#495057;font-size:.8rem;font-weight:500;padding:2px 8px}.status-badge{border-radius:8px;font-size:.75rem;font-weight:500;max-width:150px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.status-badge:contains("🟡"){background:#fff3cd;color:#856404}.status-badge:contains("🟠"){background:#ffe8d4;color:#d2691e}.status-badge:contains("🔴"){background:#f8d7da;color:#721c24}.status-badge:contains("⚫"){background:#d6d8db;color:#383d41}.status-badge:contains("🚫"){background:#f5c6cb;color:#721c24;font-weight:700}.sancion-footer{border-top:1px solid #f1f3f4;display:flex;justify-content:flex-end;padding-top:8px}.sancion-author{font-size:.8rem}.loading-message,.sancion-author{color:#6c757d;font-style:italic}.no-sanciones{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:6px;color:#c7c9ce;padding:20px;text-align:center}@media (max-width:768px){.ultimas-sanciones-grid{grid-template-columns:1fr;max-height:300px}.sancion-status{align-items:flex-start;flex-direction:column;gap:5px}.status-badge{max-width:none}}@keyframes newSancion{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sancion-card.new-sancion{animation:newSancion .5s ease-out;border-left:4px solid #28a745}.financial-info{display:flex;gap:20px;margin-top:10px}.balance-item{align-items:center;background-color:#ffffff1a;border-radius:5px;display:flex;font-size:14px;gap:5px;padding:5px 10px}.balance-icon{color:#f39c12}.banco-container{margin:0 auto;max-width:1200px;padding:20px}.balance-cards{display:flex;gap:20px;margin-bottom:30px}.balance-card{background:#2c3e50;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;flex:1 1;padding:20px;text-align:center}.balance-card.cash{background:linear-gradient(135deg,#27ae60,#2ecc71)}.balance-card.bank{background:linear-gradient(135deg,#2980b9,#3498db)}.balance-amount{font-size:24px;font-weight:700;margin:10px 0}.bank-tabs{border-bottom:1px solid #ddd}.tab-btn{background:none;font-size:16px;padding:10px 20px}.tab-btn.active{border-bottom:3px solid #3498db;color:#3498db;font-weight:700}.deposit-container{background:#1e2332eb;background:var(--surface);border-radius:10px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);padding:25px}.deposit-form{margin-top:20px}.form-group{margin-bottom:20px}.input-group{margin-top:8px}.input-symbol{background:#242a3ce6;background:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:5px 0 0 5px;border-right:none;color:#e8edf7;color:var(--text-primary);padding:10px}.input-group input{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:0 5px 5px 0;font-size:16px;padding:10px}.quick-amounts button{border:1px solid #ffffff14;border:1px solid var(--surface-border);font-size:14px}.deposit-btn{background:#2ecc71;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 25px;transition:background .3s}.deposit-btn:hover{background:#27ae60}.bank-tabs{margin-bottom:20px}.tab-btn{border:none;gap:5px;padding:10px 15px}.tab-btn.active{background:#3498db}.operation-container{background:#1e2332eb;background:var(--surface);border-radius:10px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);padding:20px}.operation-form{margin-top:15px}.form-group{margin-bottom:15px}.input-group{align-items:center;background:#242a3ce6;background:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:5px;display:flex;margin-top:5px;padding:5px 10px}.input-group span,.input-group svg{color:#e8edf7;color:var(--text-primary);margin-right:10px}.input-group input{background:#0000;border:none;color:#e8edf7;color:var(--text-primary);flex:1 1;outline:none;padding:8px 0}.quick-amounts{display:flex;gap:10px;margin-top:10px}.quick-amounts button{background:#242a3ce6;background:var(--surface-alt);border:none;border-radius:5px;color:#e8edf7;color:var(--text-primary);cursor:pointer;padding:5px 10px}.quick-amounts button:hover{background:#ffffff0f}.action-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;width:100%}.action-btn.deposit{background:#2ecc71}.action-btn.withdraw{background:#e74c3c}.action-btn.transfer{background:#3498db}.transfer-success{background:#d4edda;border-radius:5px;color:#155724;margin-bottom:15px;padding:10px;text-align:center}.history-filters{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:15px}.filter-group,.history-filters{align-items:center;display:flex}.filter-group{gap:10px}.filter-group svg{color:#6c757d;font-size:16px}.filter-select{background:#242a3ce6;background:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:5px;color:#e8edf7;color:var(--text-primary);font-size:14px;min-width:200px;padding:8px 12px}.filter-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.refresh-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.refresh-btn:hover{background:#0056b3}.loading-historial{color:#6c757d;padding:40px;text-align:center}.history-list{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:8px;max-height:500px;overflow-y:auto}.history-item{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border);display:flex;padding:15px;transition:background-color .2s}.history-item:last-child{border-bottom:none}.history-item:hover{background-color:#ffffff0a}.history-item.sent{border-left:4px solid #dc3545}.history-item.received{border-left:4px solid #28a745}.history-icon{align-items:center;background:#f8f9fa;border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:15px;width:40px}.icon-sent{color:#dc3545;font-size:18px}.icon-received{color:#28a745;font-size:18px}.history-details{flex:1 1}.history-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.history-action{color:#212529;font-size:16px}.history-action strong{font-weight:600}.history-amount{font-size:16px;font-weight:600}.history-amount.sent{color:#dc3545}.history-amount.received{color:#28a745}.history-meta{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:15px}.history-roblox{background:#e9ecef;border-radius:3px;font-family:monospace;padding:2px 6px}.history-date{font-weight:500}.history-status{align-items:center;border-radius:3px;display:flex;font-size:11px;font-weight:500;gap:4px;padding:2px 6px;text-transform:capitalize}.history-status.completada{background:#d4edda;color:#155724}.history-status.fallida{background:#f8d7da;color:#721c24}.history-status.cancelada{background:#fff3cd;color:#856404}.no-history{color:#6c757d;padding:60px 20px;text-align:center}.no-history svg{color:#dee2e6;margin-bottom:15px}.no-history p{color:#495057;font-size:18px;margin-bottom:5px}.no-history small{color:#6c757d;font-size:14px}@media (max-width:768px){.history-filters{align-items:stretch;flex-direction:column;gap:15px}.filter-group{justify-content:center}.filter-select{min-width:100%}.history-item{padding:12px}.history-icon{height:35px;margin-right:10px;width:35px}.history-main{align-items:flex-start;flex-direction:column;gap:5px}.history-meta{flex-wrap:wrap;gap:8px}.history-amount{font-size:18px}}.tab-btn.active{background:#007bff;border-color:#007bff;color:#fff}.tab-btn{align-items:center;background:#242a3ce6;background:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:5px;color:#e8edf7;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s}.tab-btn:hover:not(.active){background:#ffffff0a;border-color:#ffffff14;border-color:var(--surface-border)}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#1e2332eb;background:var(--surface);border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#6b7280;border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:#4b5563}.history-item{animation:fadeIn .3s ease-out}.bank-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}@media (max-width:576px){.bank-tabs{flex-direction:column}.tab-btn{justify-content:center}}.staff-database-container{margin:0 auto;max-width:1200px;padding:20px}.staff-category{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:8px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);margin-bottom:30px;padding:15px}.staff-category h3{align-items:center;color:#e8edf7;color:var(--text-primary);display:flex;gap:10px;margin-bottom:15px}.staff-table{border-collapse:collapse;font-size:14px;width:100%}.staff-table td,.staff-table th{border-bottom:1px solid #3a3a3a;padding:12px 15px;text-align:left}.staff-table th{background-color:#1e2332eb;background-color:var(--surface);color:#f0f0f0;font-weight:600}.staff-table tr:hover{background-color:#242a3ce6;background-color:var(--surface-alt)}.status-badge{align-items:center;display:flex;gap:5px}.status-badge.active{color:#4caf50}.status-badge.inactive{color:#f44336}.status-icon{font-size:16px}.table-responsive{overflow-x:auto}.loading-message{background-color:#333;border-radius:5px;color:#e8edf7;color:var(--text-primary);margin:20px 0;padding:20px;text-align:center}.profile-header{border-bottom:1px solid #e2e8f0;margin-bottom:30px;padding-bottom:20px}.header-content{gap:20px}.header-content h2{color:var(--text-primary);font-size:1.8rem}.search-container{background-color:#1e2332eb;background-color:var(--surface);border-radius:10px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);margin-bottom:30px;padding:15px}.search-input{position:relative;width:90%}.search-input input{background-color:#242a3ce6;background-color:var(--surface-alt);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:8px;color:#e8edf7;color:var(--text-primary);font-size:16px;outline:none;padding:14px 20px 14px 45px;transition:all .3s ease;width:90%}.search-input input:focus{background-color:#1e2332eb;background-color:var(--surface);border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.search-icon{color:#718096;font-size:18px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.tabs{background-color:#1e2332eb;background-color:var(--surface);border-radius:10px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);display:flex;gap:15px;margin-bottom:25px;padding:15px}.tab-button{align-items:center;background-color:#242a3ce6;background-color:var(--surface-alt);border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .3s ease}.tab-button.active{background-color:#2c3e50;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);color:#fff}.tab-button:hover:not(.active){background-color:#ffffff0f;transform:translateY(-2px)}.code-content{background-color:#1e2332eb;background-color:var(--surface);border-radius:10px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);min-height:400px;padding:25px}.section-title,.titles-list h3{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border);color:#e8edf7;color:var(--text-primary);font-size:1.5rem;margin-bottom:20px;margin-top:0;padding-bottom:15px}.titles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.title-card{background-color:#1e2332eb;background-color:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:8px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.title-card:hover{border-color:#3498db;box-shadow:0 10px 15px #0000001a;transform:translateY(-5px)}.title-card h4{color:#e8edf7;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 10px}.article-count{color:#718096;font-size:.9rem;font-weight:500;margin:0}.card-footer{border-top:1px dashed #ffffff14;border-top:1px dashed var(--surface-border);display:flex;justify-content:flex-end;margin-top:15px;padding-top:10px}.view-articles{color:#3498db;font-size:.9rem;font-weight:500;transition:all .2s ease}.title-card:hover .view-articles{color:#1e6fba;transform:translateX(5px)}.back-to-titles{align-items:center;background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:25px;padding:12px 18px;transition:all .3s ease}.back-to-titles:hover{background-color:#2980b9;transform:translateX(-3px)}.articles-list{display:flex;flex-direction:column;gap:20px}.article-card{background-color:#1e2332eb;background-color:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:8px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);padding:20px;transition:all .3s ease}.article-card:hover{border-color:#3498db;box-shadow:0 8px 12px #0000001a;transform:translateY(-3px)}.article-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;margin-bottom:15px;padding-bottom:10px}.article-number{background-color:#2c3e50;border-radius:4px;color:#fff;font-size:.9rem;font-weight:700;padding:5px 10px}.article-card h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.article-section{margin-bottom:15px}.article-section h5{color:#4a5568;font-size:1rem;font-weight:500;margin:0 0 8px}.article-section p{color:#4a5568;line-height:1.6;margin:0}.penalty{background-color:#e53e3e24;border-left:4px solid #e53e3e;border-radius:6px;padding:12px}.penalty h5{color:#e53e3e}.no-results{color:#718096;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:768px){.profile-header{flex-direction:column;gap:15px;text-align:center}.header-content{flex-direction:column;gap:10px}.header-logo{margin:10px 0 0}.tabs{flex-direction:column}.titles-grid{grid-template-columns:1fr}.article-header{align-items:flex-start;flex-direction:column;gap:5px}}.entornos-container{margin:0 auto;max-width:800px;padding:20px}.entornos-form-card{background:#1e2332eb;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);overflow:hidden}.form-header{background:#298aff;color:#fff;padding:30px;text-align:center}.form-header h3{font-size:28px;font-weight:700;margin:0 0 10px}.form-header p{font-size:16px;margin:0;opacity:.9}.entornos-form{padding:40px}.form-group{margin-bottom:25px}.form-group label{color:#e8edf7;color:var(--text-primary);display:block;font-size:15px;font-weight:600;margin-bottom:8px}.form-group .required{color:#dc3545;margin-right:5px}.form-group input,.form-group select,.form-group textarea{background-color:#1e2332eb;background-color:var(--surface);border:2px solid #ffffff14;border:2px solid var(--surface-border);border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#1e2332eb;background-color:var(--surface);border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:50px}.form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.form-group small{color:#c7c9ce;display:block;font-size:13px;font-style:italic;margin-top:5px}.form-actions{margin-top:30px;text-align:center}.submit-btn{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-width:180px;padding:15px 40px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #007bff4d;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:18px;width:18px}.success-message{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;display:flex;gap:10px;margin-bottom:20px;padding:15px}.success-message:before{content:"✅";font-size:18px}.entornos-info{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:30px 40px}.entornos-info h4{color:#e8edf7;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 15px}.entornos-info ul{margin:0;padding-left:20px}.entornos-info li{color:#c7c9ce;line-height:1.5;margin-bottom:8px}.entornos-info li strong{color:#e8edf7;color:var(--text-primary)}@media (max-width:768px){.entornos-container{padding:10px}.entornos-form,.form-header{padding:20px}.form-header h3{font-size:24px}.entornos-info{padding:20px}.submit-btn{padding:16px;width:100%}}.entornos-form-card{animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{animation:fadeIn .6s ease-out;animation-fill-mode:both}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.tienda-tabs{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--surface-border);display:flex;margin-bottom:20px}.tienda-inventario-content{padding:20px}.tienda-inventory-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.tienda-inventory-item-card{background:#1e2332eb;background:var(--surface);border-radius:8px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);cursor:pointer;padding:15px;transition:transform .2s}.tienda-inventory-item-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-3px)}.tienda-inventory-item-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.tienda-inventory-item-emoji{font-size:20px}.tienda-inventory-item-count{color:#4caf50;font-weight:700;text-align:right}.tienda-usable-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:12px;margin-left:auto;padding:2px 8px}.tienda-empty-inventory{color:#c7c9ce;padding:40px 20px;text-align:center}.tienda-empty-inventory svg{margin-bottom:15px;opacity:.5}.tienda-inventory-item-detail{background:#1e2332eb;background:var(--surface);border-radius:8px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow);margin-top:20px;padding:20px}.tienda-inventory-item-actions{display:flex;gap:10px;margin-top:20px}.tienda-use-btn{align-items:center;background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:8px 15px}.tienda-use-btn:hover{background:#45a049}.blackmarket-tabs{border-bottom:1px solid #444;display:flex;margin-bottom:20px}.blackmarket-tabs .tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#aaa;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:10px 20px}.blackmarket-tabs .tab-btn.active{border-bottom:3px solid #9932cc;color:#e8edf7;color:var(--text-primary);font-weight:700}.blackmarket-inventario-content{color:#eee;padding:20px}.blackmarket-inventario-content h3{color:#e8edf7;color:var(--text-primary);margin-bottom:10px}.blackmarket-inventory-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.blackmarket-inventory-item-card{background:#2a2a2a;border-left:4px solid #9932cc;border-radius:8px;box-shadow:0 2px 5px #0000004d;cursor:pointer;padding:15px;transition:transform .2s}.blackmarket-inventory-item-card:hover{box-shadow:0 4px 8px #0006;transform:translateY(-3px)}.blackmarket-inventory-item-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.blackmarket-inventory-item-emoji{font-size:20px}.blackmarket-inventory-item-count{color:#9932cc;font-weight:700;text-align:right}.blackmarket-usable-badge{background:#9932cc;border-radius:12px;color:#fff;font-size:12px;margin-left:auto;padding:2px 8px}.blackmarket-empty-inventory{color:#aaa;padding:40px 20px;text-align:center}.blackmarket-empty-inventory svg{margin-bottom:15px;opacity:.5}.blackmarket-inventory-item-detail{background:#2a2a2a;border-left:4px solid #9932cc;border-radius:8px;box-shadow:0 2px 10px #0000004d;margin-top:20px;padding:20px}.blackmarket-inventory-item-actions{display:flex;gap:10px;margin-top:20px}.blackmarket-use-btn{align-items:center;background:#9932cc;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:8px 15px}.blackmarket-use-btn:hover{background:#8a2be2}.warning-text{color:#ff6b6b;font-size:14px;margin:10px 0}.status-icon{font-size:.9em;margin-left:8px}.status-icon.disponible{color:#28a745}.status-icon.sin-stock{color:#ffc107}.status-icon.no-disponible{color:#dc3545}.status-legend{background:#0000001a;border-radius:8px;margin:10px 0;padding:10px}.status-legend-item{align-items:center;display:flex;gap:15px;margin:0}.item-no-disponible{border:2px solid #dc3545;opacity:.6}.item-sin-stock{border:2px solid #ffc107;opacity:.8}.item-disponible{border:2px solid #28a745}.item-status-warning{align-items:center;border-radius:5px;display:flex;gap:8px;margin:10px 0;padding:10px}.item-status-warning.no-disponible{background:#dc35451a;color:#dc3545}.item-status-warning.sin-stock{background:#ffc1071a;color:#856404}.buy-btn.disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.item-status{font-size:.9em;font-weight:700;margin-top:5px}.item-status.no-disponible{color:#dc3545}.item-status.sin-stock{color:#ffc107}.item-stock.disponible{color:#28a745}.universal-header{animation:slideInDown .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;padding:25px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.universal-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:0 auto;max-width:1600px}.universal-user-section{align-items:center;display:flex;flex:1 1;gap:20px;min-width:300px}.universal-status-badge{align-items:center;animation:fadeIn .8s ease-out .2s both;background:#5865f226;border:1px solid #5865f24d;border-radius:50px;display:flex;gap:10px;padding:8px 16px}.universal-status-indicator{animation:pulse 2s ease-in-out infinite;background:#0f8;border-radius:50%;box-shadow:0 0 10px #0f8;height:10px;width:10px}.universal-status-text{color:#c2ccda;color:var(--text-secondary);font-size:.9rem;font-weight:500}.universal-title{animation:fadeIn .8s ease-out .4s both;color:#e8edf7;color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:2rem;letter-spacing:2px;margin:0}.universal-title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#7289da);-webkit-background-clip:text;background-clip:text}.universal-logo{animation:logoFloat 3s ease-in-out infinite,fadeIn .8s ease-out .6s both;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));height:auto;width:100px}.universal-user-profile{align-items:center;animation:fadeIn .8s ease-out .5s both;background:#2d324699;border:1px solid #5865f24d;border-radius:25px;display:flex;gap:15px;padding:12px 20px;transition:all .3s ease}.universal-user-profile:hover{background:#323750cc;border-color:#5865f280}.universal-user-avatar{border:2px solid #5865f2;border-radius:50%;height:45px;object-fit:cover;transition:transform .3s ease;width:45px}.universal-user-profile:hover .universal-user-avatar{transform:scale(1.1)}.universal-user-details{display:flex;flex-direction:column}.universal-user-details .username{color:#e8edf7;color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:.5px}.universal-back-btn{align-items:center;animation:fadeIn .8s ease-out .3s both;background:linear-gradient(135deg,#5865f21a,#5865f20d);border:1px solid #5865f24d;border-radius:8px;color:#e8edf7;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.universal-back-btn:hover{background:linear-gradient(135deg,#5865f233,#5865f21a);border-color:#5865f280;box-shadow:0 5px 15px #5865f233;color:#5865f2;transform:translateX(-5px)}@media (max-width:1024px){.universal-header-content{gap:15px}.universal-title{font-size:1.6rem}.universal-logo{width:90px}}@media (max-width:768px){.universal-header{padding:20px}.universal-header-content{flex-direction:column;gap:15px}.universal-user-section{width:100%}.universal-title{font-size:1.4rem}.universal-logo{width:80px}.universal-user-profile{width:100%}}@media (max-width:480px){.universal-header{padding:15px}.universal-title{font-size:1.2rem}.universal-logo{width:70px}.universal-user-profile{padding:10px 15px}.universal-user-avatar{height:40px;width:40px}.universal-back-btn{font-size:.85rem;padding:8px 15px}}*{margin:0;padding:0}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;box-shadow:0 8px 25px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .4s cubic-bezier(.4,0,.2,1);width:60px;z-index:2000}.theme-toggle:hover{background:#fff3;box-shadow:0 12px 35px #0000004d;transform:scale(1.1) rotate(10deg)}.theme-toggle svg{transition:transform .4s ease}.theme-toggle:hover svg{transform:rotate(20deg) scale(1.1)}body[data-theme=dark]{--bg-gradient-1:#1a1f2e;--bg-gradient-2:#252a3a;--bg-gradient-3:#2d3544;--bg-gradient-4:#1a1f2e;--card-bg:#1e2332f2;--card-border:#ffffff1a;--card-hover-bg:#23283cfa;--sidebar-bg:#282d41bf;--sidebar-border:#ffffff26;--sidebar-hover:#2d3246e6;--text-primary:#fff;--text-secondary:#b8c5d6;--text-muted:#8b96a8;--accent-primary:#5865f2;--accent-secondary:#7289da;--overlay-gradient:linear-gradient(180deg,#00000080 0%,#000c);--section-bg:linear-gradient(135deg,#1a2332,#2d3e50 50%,#1a2332);--section-float:#5ba4e51a;--team-bg:linear-gradient(135deg,#1e2736,#2a3547 50%,#1e2736)}body[data-theme=light]{--bg-gradient-1:#e6f0ff;--bg-gradient-2:#d0e1ff;--bg-gradient-3:#bcd6fc;--bg-gradient-4:#accbfd;--card-bg:#141e32f2;--card-border:#fff9;--card-hover-bg:#141e32fa;--sidebar-bg:#ffffffbf;--sidebar-border:#fff9;--sidebar-hover:#ffffffe6;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent-primary:#5865f2;--accent-secondary:#7289da;--overlay-gradient:linear-gradient(180deg,#0000004d 0%,#000000b3);--section-bg:linear-gradient(135deg,#1a2332,#2d3e50 50%,#1a2332);--section-float:#5ba4e526;--team-bg:linear-gradient(135deg,#e6f0ff,#d0e1ff 50%,#bcd6fc)}.login-container{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,var(--bg-gradient-1),var(--bg-gradient-2),var(--bg-gradient-3),var(--bg-gradient-4));background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative;transition:background .5s ease;width:100%}.login-container:after,.login-container:before{animation:float 20s ease-in-out infinite;border-radius:50%;content:"";height:300px;opacity:.1;position:absolute;width:300px}.login-container:before{animation-delay:-5s;background:radial-gradient(circle,#5865f2,#0000);left:-150px;top:-150px}.login-container:after{animation-delay:-10s;background:radial-gradient(circle,#7289da,#0000);bottom:-150px;right:-150px}.login-content-wrapper{grid-gap:20px;align-items:center;animation:fadeInUp .8s ease-out;display:grid;gap:20px;grid-template-columns:2.2fr 320px;max-width:1400px;width:100%}.login-main-card{animation:slideInLeft .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 20px 60px #0006;height:650px;overflow:hidden;position:relative;transition:all .4s ease}.login-main-card:hover{background:var(--card-hover-bg);box-shadow:0 25px 70px #00000080;transform:translateY(-5px)}.login-card-background{height:100%;position:relative;width:100%}.login-card-background img{animation:zoomIn 1.2s ease-out;display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.login-main-card:hover .login-card-background img{transform:scale(1.05)}@keyframes zoomIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.login-card-overlay{animation:fadeIn 1s ease-out;background:var(--overlay-gradient)}.login-card-content,.login-card-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.login-card-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px;text-align:center}.login-card-logo{animation:logoFloat 3s ease-in-out infinite,fadeInScale .8s ease-out;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));height:auto;margin-bottom:15px;width:140px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.login-card-title{animation:slideInFromTop .8s ease-out .2s both;color:#fff;font-family:Bebas Neue,Arial,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:3px;line-height:1;margin:0 0 8px;text-shadow:2px 2px 10px #000c}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.login-card-subtitle{animation:fadeInUp .8s ease-out .4s both;color:#d0dde9;font-size:1.1rem;font-weight:300;margin-bottom:35px;text-shadow:1px 1px 5px #00000080}.login-discord-button{align-items:center;animation:buttonPulse 2s ease-in-out infinite,fadeInUp .8s ease-out .6s both;background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:12px;box-shadow:0 8px 25px #5865f280;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:12px;justify-content:center;letter-spacing:1px;margin-bottom:25px;overflow:hidden;padding:16px 45px;position:relative;text-transform:uppercase;transition:all .3s ease}.login-discord-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.login-discord-button:hover:before{height:300px;width:300px}.login-discord-button:hover:not(.loading){animation:none;box-shadow:0 12px 35px #5865f2b3;transform:translateY(-3px) scale(1.05)}.login-discord-button:active:not(.loading){transform:translateY(-1px) scale(1.02)}@keyframes buttonPulse{0%,to{box-shadow:0 8px 25px #5865f280}50%{box-shadow:0 8px 35px #5865f2b3}}.login-discord-button.loading{animation:none;cursor:not-allowed;opacity:.7}.discord-icon{animation:iconBounce 1s ease-in-out infinite;font-size:1.5rem;position:relative;z-index:1}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.login-carousel-indicators{animation:fadeInUp .8s ease-out .8s both;display:flex;gap:8px;margin-bottom:25px}.carousel-dot{animation:dotAppear .3s ease-out both;background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.carousel-dot:first-child{animation-delay:.9s}.carousel-dot:nth-child(2){animation-delay:1s}.carousel-dot:nth-child(3){animation-delay:1.1s}.carousel-dot:nth-child(4){animation-delay:1.2s}.carousel-dot:nth-child(5){animation-delay:1.3s}@keyframes dotAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.carousel-dot.active{animation:dotPulse 1s ease-in-out infinite;background:#5865f2;box-shadow:0 0 10px #5865f2cc;transform:scale(1.3)}@keyframes dotPulse{0%,to{box-shadow:0 0 10px #5865f2cc}50%{box-shadow:0 0 15px #5865f2}}.carousel-dot:hover{background:#5865f299;transform:scale(1.2)}.login-social-links{animation:fadeInUp .8s ease-out 1s both;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:25px}.social-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;transition:all .3s ease}.social-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.social-button:hover:before{height:200px;width:200px}.social-button:hover{background:#fff3;border-color:#fff6;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px) scale(1.05)}.social-button svg{font-size:1.1rem;position:relative;transition:transform .3s ease;z-index:1}.social-button:hover svg{transform:rotate(5deg) scale(1.1)}.login-footer{animation:fadeIn 1s ease-out 1.2s both;color:#ffffff80;font-size:.8rem}.login-footer strong{color:#fffc;transition:color .3s ease}.login-footer:hover strong{color:#5865f2}.login-sidebar{animation:slideInRight .8s ease-out;display:flex;flex-direction:column;gap:15px}.sidebar-card{animation:cardAppear .6s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:14px;box-shadow:0 8px 25px #00000014;padding:14px;position:relative;transition:all .3s ease}.sidebar-card:first-child{animation-delay:.2s}.sidebar-card:nth-child(2){animation-delay:.4s}.sidebar-card:nth-child(3){animation-delay:.6s}@keyframes cardAppear{0%{opacity:0;transform:translateX(30px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.sidebar-card:hover{background:var(--sidebar-hover);box-shadow:0 15px 40px #00000026;transform:translateY(-5px) scale(1.02)}.sidebar-card-layout{align-items:flex-start;display:flex;gap:12px}body[data-theme=light] .sidebar-card-title{color:#9ca3af}body[data-theme=light] .sidebar-card-number{color:#1f2937}body[data-theme=light] .sidebar-card-subtitle{color:#9ca3af}body[data-theme=light] .sidebar-card:hover .sidebar-card-number,body[data-theme=light] .sidebar-card:hover .sidebar-card-title{color:#5865f2}body[data-theme=light] .sidebar-card:hover .sidebar-card-subtitle{color:#6b7280}body[data-theme=light] .news-slide-title{color:#5865f2}body[data-theme=light] .news-slide-content{color:#4b5563}body[data-theme=dark] .sidebar-card-title{color:#8b96a8}body[data-theme=dark] .sidebar-card-number{color:#fff}body[data-theme=dark] .sidebar-card-subtitle{color:#b8c5d6}body[data-theme=dark] .sidebar-card:hover .sidebar-card-number,body[data-theme=dark] .sidebar-card:hover .sidebar-card-title{color:#5865f2}body[data-theme=dark] .sidebar-card:hover .sidebar-card-subtitle{color:#d0dde9}body[data-theme=dark] .news-slide-title{color:#5865f2}body[data-theme=dark] .news-slide-content{color:#b8c5d6}.sidebar-card-icon{align-items:center;background:#8b95ad33;border-radius:12px;color:#6b7280;display:flex;flex-shrink:0;font-size:1.3rem;height:45px;justify-content:center;transition:all .3s ease;width:45px}.sidebar-card:hover .sidebar-card-icon{transform:scale(1.1) rotate(5deg)}.sidebar-card-icon.calendar,.sidebar-card-icon.discord,.sidebar-card-icon.users{background:#8b95ad26;color:#6b7280}.sidebar-card-icon svg{height:22px;transition:transform .3s ease;width:22px}.sidebar-card:hover .sidebar-card-icon svg{transform:scale(1.1)}.sidebar-card-info{flex:1 1}.sidebar-card-title{font-size:.65rem;font-weight:600;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase;transition:color .3s ease}.sidebar-card-number{font-size:1.8rem;font-weight:700;line-height:1;margin-bottom:5px;transition:all .3s ease}.sidebar-card:hover .sidebar-card-number{transform:scale(1.05)}.sidebar-card-subtitle{font-size:.75rem;line-height:1.3;transition:color .3s ease}.sidebar-progress-bar{background:#5865f21a;border-radius:10px;height:6px;margin-top:12px;overflow:hidden;width:100%}.sidebar-progress-fill{animation:progressShine 2s ease-in-out infinite;background:linear-gradient(90deg,#5865f2,#7289da);border-radius:10px;height:100%;position:relative;transition:width .8s ease}@keyframes progressShine{0%{filter:brightness(1)}50%{filter:brightness(1.2)}to{filter:brightness(1)}}.news-card{min-height:160px}.news-carousel-content{margin-top:12px;min-height:90px;padding-left:0;position:relative}.news-slide{left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateX(30px);transition:all .6s cubic-bezier(.4,0,.2,1);width:100%}.news-slide.active{animation:slideInContent .6s ease-out;opacity:1;pointer-events:auto;position:relative;transform:translateX(0)}@keyframes slideInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.news-slide-title{font-size:.95rem;font-weight:700;margin-bottom:8px;transition:color .3s ease}.news-card:hover .news-slide.active .news-slide-title{color:#4752c4}.news-slide-content{font-size:.8rem;line-height:1.4;margin-bottom:10px}.login-error-popup{animation:slideInRight .5s ease,shake .5s ease .5s;position:fixed;right:90px;top:20px;z-index:1000}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-message-enhanced{align-items:flex-start;animation:errorPulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc3545f2;border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 30px #00000080;display:flex;gap:15px;max-width:400px;padding:20px}@keyframes errorPulse{0%,to{box-shadow:0 10px 30px #dc354580}50%{box-shadow:0 10px 40px #dc3545b3}}.error-icon{animation:iconShake .5s ease infinite;flex-shrink:0;font-size:1.5rem}@keyframes iconShake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.error-content{flex:1 1}.error-content p{color:#fff;font-weight:500;margin:0 0 15px}.discord-help-enhanced p{color:#ffffffe6;font-size:.9rem;margin-bottom:10px}.discord-invite-button-enhanced{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;transition:all .3s ease}.discord-invite-button-enhanced:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.discord-invite-button-enhanced:hover:before{height:200px;width:200px}.discord-invite-button-enhanced:hover{background:#ffffff4d;transform:translateY(-2px)}.how-to-play-section{align-items:center;background:var(--section-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 20px;position:relative;transition:background .5s ease;width:100%}.how-to-play-section:before{animation:float 25s ease-in-out infinite;height:500px;right:-250px;top:-250px;width:500px}.how-to-play-section:after,.how-to-play-section:before{background:radial-gradient(circle,var(--section-float),#0000);border-radius:50%;content:"";position:absolute}.how-to-play-section:after{animation:float 20s ease-in-out infinite reverse;bottom:-200px;height:400px;left:-200px;width:400px}.how-to-play-container{animation:fadeInUp 1s ease-out;max-width:1400px;position:relative;width:100%;z-index:1}.how-to-play-title{animation:slideInFromTop .8s ease-out;color:#fff;font-family:Bebas Neue,Arial,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:2px;margin-bottom:15px;text-align:center;text-shadow:2px 2px 20px #0000004d}.how-to-play-subtitle{animation:fadeInUp .8s ease-out .2s both;color:#ffffffe6;font-size:1.2rem;font-weight:300;margin-bottom:60px;text-align:center}.steps-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:50px}.step-card{animation:cardSlideUp .6s ease-out both;background:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #00000026;overflow:hidden;padding:35px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-card:after{background-position:50%;background-size:cover;bottom:0;content:"";filter:blur(3px) brightness(.4);left:0;opacity:.2;position:absolute;right:0;top:0;transition:all .4s ease;z-index:0}.step-card:first-child:after{background-image:url(https://tr.rbxcdn.com/180DAY-77845dda20e6355c73bc8958dc698fea/768/432/Image/Webp/noFilter)}.step-card:nth-child(2):after{background-image:url(https://tr.rbxcdn.com/180DAY-97aca7efdabd05bac1645ef4dc9ce62c/768/432/Image/Webp/noFilter)}.step-card:nth-child(3):after{background-image:url(https://tr.rbxcdn.com/180DAY-b85e563545921e7b01cba7d0ff29e80a/768/432/Image/Webp/noFilter)}.step-card:hover:after{filter:blur(2px) brightness(.5);opacity:.3;transform:scale(1.05)}.step-card>*{position:relative;z-index:1}.step-card:first-child{animation-delay:.1s}.step-card:nth-child(2){animation-delay:.3s}.step-card:nth-child(3){animation-delay:.5s}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.step-card:before{background:linear-gradient(90deg,#5ba4e5,#4a90d9);content:"";height:5px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease;width:100%}.step-card:hover:before{transform:scaleX(1)}.step-card:hover{box-shadow:0 20px 60px #00000040;transform:translateY(-10px) scale(1.02)}.step-number{align-items:center;background:linear-gradient(135deg,#5ba4e51a,#4a90d91a);border-radius:12px;color:#5ba4e5;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:50px}.step-card:hover .step-number{background:linear-gradient(135deg,#5ba4e5,#4a90d9);color:#fff;transform:rotate(10deg) scale(1.1)}.step-icon{align-items:center;border-radius:16px;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin-bottom:20px;transition:all .4s ease;width:80px}.step-card:hover .step-icon{transform:scale(1.1) rotate(5deg)}.discord-gradient{background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 8px 25px #5865f24d}.document-gradient{background:linear-gradient(135deg,#5ba4e5,#4a90d9);box-shadow:0 8px 25px #5ba4e54d}.game-gradient{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 8px 25px #e67e224d}.step-title{color:#1f2937;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:12px;transition:color .3s ease}.step-card:hover .step-title{color:#5ba4e5}.step-description{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:20px}.step-description code{background:#5ba4e51a;border-radius:5px;color:#5ba4e5;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;padding:3px 8px}.step-description strong{color:#e67e22;font-weight:700}.step-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:10px;letter-spacing:.5px;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.step-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.step-button:hover:before{height:300px;width:300px}.discord-btn{background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 5px 20px #5865f266;color:#fff}.discord-btn:hover{box-shadow:0 8px 30px #5865f299;transform:translateY(-2px)}.game-btn{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 5px 20px #e67e2266;color:#fff}.game-btn:hover{box-shadow:0 8px 30px #e67e2299;transform:translateY(-2px)}.step-button svg,.step-button svg path{position:relative;z-index:1}.code-badge,.step-info-badge{background:#5ba4e514;border-radius:8px;margin-top:15px;padding:10px 16px;text-align:center;transition:all .3s ease}.code-badge span,.step-info-badge span{color:#5ba4e5;font-size:.9rem;font-weight:600}.step-card:hover .code-badge,.step-card:hover .step-info-badge{background:#5ba4e526}.additional-info{animation:fadeInUp .8s ease-out .7s both;margin:0 auto;max-width:800px}.info-box{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;display:flex;gap:20px;padding:25px 30px;transition:all .3s ease}.info-box:hover{background:#ffffff4d;transform:translateY(-5px)}.info-icon{flex-shrink:0;font-size:2.5rem}.info-box p{color:#fff;font-size:1rem;line-height:1.5;margin:0}.foundation-team-section{align-items:center;background:var(--team-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 20px;position:relative;transition:background .5s ease;width:100%}.foundation-team-section:before{animation:float 30s ease-in-out infinite;background:radial-gradient(circle,#5865f214,#0000);border-radius:50%;content:"";height:600px;left:-300px;position:absolute;top:-300px;width:600px}.foundation-team-section:after{animation:float 25s ease-in-out infinite reverse;background:radial-gradient(circle,#7289da14,#0000);border-radius:50%;bottom:-250px;content:"";height:500px;position:absolute;right:-250px;width:500px}.foundation-team-container{animation:fadeInUp 1s ease-out;max-width:1200px;position:relative;width:100%;z-index:1}.foundation-team-title{animation:slideInFromTop .8s ease-out;color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:2px;margin-bottom:15px;text-align:center;text-shadow:2px 2px 10px #0000001a;transition:color .5s ease}.foundation-team-subtitle{animation:fadeInUp .8s ease-out .2s both;color:var(--text-secondary);font-size:1.2rem;font-weight:400;margin-bottom:60px;text-align:center;transition:color .5s ease}.team-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1000px}.team-member-card{align-items:center;animation:cardSlideUp .6s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 10px 40px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:35px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}body[data-theme=light] .team-member-card{background:#fffffff2;border:1px solid #fff9}body[data-theme=dark] .team-member-card{background:var(--card-bg);border:1px solid var(--card-border)}.team-member-card:first-child{animation-delay:.1s}.team-member-card:nth-child(2){animation-delay:.3s}.team-member-card:nth-child(3){animation-delay:.5s}.team-member-card:before{background:linear-gradient(90deg,#5865f2,#7289da);content:"";height:5px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease;width:100%}.team-member-card:hover:before{transform:scaleX(1)}.team-member-card:hover{background:var(--card-hover-bg);box-shadow:0 20px 60px #00000026;transform:translateY(-10px) scale(1.03)}.team-member-avatar-container{height:150px;margin-bottom:20px;position:relative;width:150px}.team-member-avatar{animation:avatarAppear .6s ease-out;border:4px solid #5865f233;border-radius:50%;height:100%;object-fit:cover;position:relative;transition:all .4s ease;width:100%;z-index:2}@keyframes avatarAppear{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.team-member-card:hover .team-member-avatar{border-color:#5865f2;box-shadow:0 10px 30px #5865f266;transform:scale(1.05)}.team-member-glow{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#5865f24d,#0000);border-radius:50%;height:160px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:160px;z-index:1}.team-member-card:hover .team-member-glow{opacity:1}.team-avatar-skeleton{animation:skeletonLoading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:50%;height:100%;width:100%}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.team-member-info{margin-bottom:20px;width:100%}.team-member-username{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:5px;transition:color .3s ease}.team-member-card:hover .team-member-username{color:#5865f2}.team-member-handle{color:var(--text-muted);font-size:.9rem;font-weight:400;margin-bottom:12px;transition:color .3s ease}.team-member-role{background:linear-gradient(135deg,#5865f21a,#7289da1a);border-radius:20px;color:#5865f2;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:8px 20px;text-transform:uppercase;transition:all .3s ease}.team-member-card:hover .team-member-role{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;transform:scale(1.05)}.team-member-link{align-items:center;background:#5865f21a;border:1px solid #5865f233;border-radius:12px;color:#5865f2;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s ease}.team-member-link:before{background:#5865f233;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.team-member-link:hover:before{height:200px;width:200px}.team-member-link:hover{background:#5865f2;border-color:#5865f2;box-shadow:0 5px 20px #5865f266;color:#fff;transform:translateY(-2px)}.team-member-link svg{position:relative;transition:transform .3s ease;z-index:1}.team-member-link:hover svg{transform:translateX(3px)}@media (max-width:1200px){.login-content-wrapper{grid-template-columns:1fr;max-width:800px}.login-main-card{height:550px}.login-sidebar{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:1024px){.steps-grid{grid-template-columns:1fr;margin:0 auto 50px;max-width:600px}}@media (max-width:768px){.login-container{padding:20px 10px}.login-main-card{height:500px}.login-card-content{padding:30px 20px}.login-card-title{font-size:2.5rem}.login-card-subtitle{font-size:1rem}.login-discord-button{font-size:.9rem;padding:16px 30px;width:100%}.login-social-links{width:100%}.social-button span{display:none}.sidebar-card-number{font-size:1.6rem}.login-sidebar{grid-template-columns:1fr}.how-to-play-title{font-size:2.5rem}.how-to-play-subtitle{font-size:1rem;padding:0 20px}.step-card{padding:25px}.step-icon{font-size:1.6rem;height:65px;width:65px}.step-title{font-size:1.2rem}.step-button{justify-content:center;width:100%}.foundation-team-title{font-size:2.5rem}.team-grid{grid-template-columns:1fr;max-width:400px}}@media (max-width:480px){.login-card-title{font-size:2rem}.login-card-logo{width:80px}.login-main-card{height:450px}.sidebar-card{padding:16px}.how-to-play-section{padding:60px 15px}.how-to-play-title{font-size:2rem}.step-number{font-size:1.2rem;height:40px;width:40px}.info-box{flex-direction:column;padding:20px;text-align:center}.foundation-team-title{font-size:2rem}.foundation-team-subtitle{font-size:1rem}.team-member-avatar-container{height:120px;width:120px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.social-button span{position:relative;z-index:1}.normativa-button{background:linear-gradient(135deg,#e67e2226,#d3540026);border-color:#e67e2266}.normativa-button:hover{background:linear-gradient(135deg,#e67e224d,#d354004d);border-color:#e67e2299}.social-button.shop-button{background:linear-gradient(135deg,gold,#ffb700);color:#1a1d2e}.social-button.shop-button:hover{background:linear-gradient(135deg,#ffb700,#ff9500);box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.social-button.shop-button svg{color:#1a1d2e}.loading-screen{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #5865f233;border-radius:50%;border-top-color:#5865f2;height:50px;margin-bottom:20px;width:50px}.header-content{align-items:center;animation:slideInDown .6s ease-out;display:flex;justify-content:space-between;margin:0 auto;max-width:1600px;width:100%}.profile-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;padding:25px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-user-info h1{animation:fadeIn .8s ease-out .2s both;color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:2px;margin:8px 0 0}.dashboard-server-stats{align-items:center;animation:fadeIn .8s ease-out .1s both;display:flex;gap:8px;margin-bottom:5px}.dashboard-status-indicator{animation:pulse-red 2s ease-in-out infinite;background-color:#dc3545;border-radius:50%;box-shadow:0 0 10px #dc354599;height:10px;width:10px}.dashboard-status-indicator.online{animation:pulse-green 2s ease-in-out infinite;background-color:#0f8;box-shadow:0 0 10px #0f8}@keyframes pulse-red{0%,to{box-shadow:0 0 10px #dc354599}50%{box-shadow:0 0 15px #dc3545cc}}.dashboard-players-count{color:var(--text-primary);font-size:.9rem;font-weight:500}.header-logo{animation:logoFloat 3s ease-in-out infinite,fadeIn .8s ease-out .4s both;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));height:auto;width:100px}.user-profile{align-items:center;animation:fadeIn .8s ease-out .3s both;background:#2d324699;border:1px solid #5865f24d;border-radius:25px;display:flex;gap:15px;padding:12px 20px;transition:all .3s ease}.user-profile:hover{background:#323750cc;border-color:#5865f280}.user-avatar{border:2px solid #5865f2;border-radius:50%;height:45px;object-fit:cover;transition:transform .3s ease;width:45px}.user-profile:hover .user-avatar{transform:scale(1.1)}.user-details{display:flex;flex-direction:column}.user-details .username{color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:.5px}.header-actions{display:flex;gap:12px;margin-left:15px}.dashboard-action-btn{align-items:center;background:linear-gradient(135deg,#5865f21a,#5865f20d);border:1px solid #5865f233;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dashboard-action-btn:hover{background:linear-gradient(135deg,#5865f233,#5865f21a);border-color:#5865f280;box-shadow:0 5px 15px #5865f233;color:#5865f2;transform:scale(1.1)}.dashboard-logout-btn:hover{background:linear-gradient(135deg,#dc354533,#dc35451a);border-color:#dc354580;box-shadow:0 5px 15px #dc354533;color:#dc3545}.dashboard-normativa-btn:hover{background:linear-gradient(135deg,#e67e2233,#e67e221a);border-color:#e67e2280;color:#e67e22}.welcome-section{animation:slideUp .8s ease-out;margin-bottom:50px;text-align:center}.welcome-title{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:3.2rem;font-weight:700;letter-spacing:3px;margin:0 0 15px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#7289da);-webkit-background-clip:text;background-clip:text;text-shadow:none}.welcome-subtitle{color:#c7c9ce;font-size:1.15rem;font-weight:300;margin:0}.category-card{animation:fadeIn .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 30px #0000004d;cursor:pointer;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.category-card:first-child{animation-delay:.1s}.category-card:nth-child(2){animation-delay:.2s}.category-card:nth-child(3){animation-delay:.3s}.category-card:nth-child(4){animation-delay:.4s}.category-card:nth-child(5){animation-delay:.5s}.category-card:nth-child(6){animation-delay:.6s}.category-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.category-card:hover:before{opacity:1}.category-card:after{background:radial-gradient(circle,#5865f21a,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.category-card:hover:after{height:500px;width:500px}.category-card:hover:not(.disabled){border-color:#fff3;box-shadow:0 20px 50px #0006;transform:translateY(-10px) scale(1.02)}.category-card.disabled{background:#32323280;cursor:not-allowed;opacity:.5}.card-icon{font-size:2.8rem;margin-bottom:20px;opacity:.9;position:relative;transition:transform .3s ease;z-index:1}.category-card:hover .card-icon:not(.disabled *){transform:scale(1.15) rotate(10deg)}.card-content h3{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:1.5px;margin:0 0 15px;position:relative;z-index:1}.card-content p{color:#c7c9ce;font-size:.95rem;line-height:1.6;margin:0;position:relative;z-index:1}.card-hover-effect{align-items:center;bottom:0;color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:10px;justify-content:center;left:0;letter-spacing:1px;padding:15px;position:absolute;right:0;text-transform:uppercase;transform:translateY(100%);transition:transform .3s ease;z-index:2}.category-card:hover:not(.disabled) .card-hover-effect{transform:translateY(0)}.quick-stats{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.stat-card{align-items:center;animation:fadeIn .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 8px 30px #0000004d;display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.stat-card:before{background:radial-gradient(circle,#5865f21a,#0000);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200px}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:hover{background:#23283cfa;border-color:#5865f24d;box-shadow:0 15px 40px #0006;transform:translateY(-8px)}.stat-icon{font-size:2.2rem;opacity:.9;position:relative;transition:transform .3s ease;z-index:1}.stat-card:hover .stat-icon{transform:scale(1.2) rotate(-10deg)}.stat-info{display:flex;flex-direction:column;position:relative;z-index:1}.stat-value{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:1px}.stat-label{color:#c7c9ce;font-size:.9rem;font-weight:500}@media (max-width:768px){.header-content{align-items:center;flex-direction:column;gap:15px}.dashboard-user-info{text-align:center}.user-profile{justify-content:center;width:100%}.welcome-title{font-size:2rem}.categories-grid{gap:20px;grid-template-columns:1fr}.category-card{padding:25px 20px}.quick-stats{grid-template-columns:1fr}}@media (max-width:480px){.action-btn{font-size:.9rem;height:35px;width:35px}.welcome-title{font-size:1.8rem}.welcome-subtitle{font-size:1rem}.dashboard-user-info h1{font-size:1.5rem}}.info-cards-grid{grid-gap:25px;animation:fadeIn .8s ease-out;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.info-card{animation:slideInLeft .8s ease-out;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;position:relative;transition:all .3s ease}.info-card:hover{background:#23283cfa;border-color:#5865f24d;box-shadow:0 15px 40px #0006;transform:translateY(-8px)}.info-card-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.info-card-title{align-items:center;display:flex;gap:12px}.info-card-icon{font-size:1.6rem;opacity:.95;transition:transform .3s ease}.info-card:hover .info-card-icon{transform:scale(1.2) rotate(10deg)}.info-card-title h3{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:1.5px;margin:0}.info-card-count{background:#5865f226;border:1px solid #5865f24d;border-radius:25px;color:#5865f2;font-size:.95rem;font-weight:700;padding:6px 14px}.info-card-content{min-height:140px}.info-card-content,.info-card-loading{display:flex;flex-direction:column;justify-content:center}.info-card-loading{align-items:center;color:#c7c9ce;padding:20px}.loading-spinner-small{height:35px;margin-bottom:10px;width:35px}.info-card-empty{color:#9aa0ab;padding:30px 20px;text-align:center}.info-card-empty p{font-size:1rem;font-style:italic;margin:0}.info-card-item{background:#2d324699;border-left:4px solid #5865f280;border-radius:14px;margin-bottom:15px;padding:20px;transition:all .3s ease}.info-card:hover .info-card-item{background:#323750cc;border-left-color:#5865f2}.info-item-text{word-wrap:break-word;color:var(--text-primary);font-size:.98rem;line-height:1.6;margin:0 0 12px}.info-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.info-item-date{color:#9aa0ab;font-size:.85rem;font-weight:500}.info-card-navigation{gap:20px;padding-top:10px}.dashboard-nav-btn,.info-card-navigation{align-items:center;display:flex;justify-content:center}.dashboard-nav-btn{background:#5865f21a;border:1px solid #5865f24d;border-radius:50%;cursor:pointer;font-size:1rem;font-weight:600;height:44px;transition:all .3s ease;width:44px}.dashboard-nav-btn:hover{background:#5865f233;border-color:#5865f280;box-shadow:0 5px 15px #5865f233;transform:scale(1.15)}.dashboard-nav-btn:active{transform:scale(.95)}.nav-indicator{color:#c7c9ce;font-size:.95rem;font-weight:700;min-width:70px;text-align:center}@media (max-width:768px){.info-cards-grid{gap:20px;grid-template-columns:1fr;margin-bottom:30px}.info-card{padding:20px}.info-card-title h3{font-size:1.1rem}.info-card-content{min-height:100px}.info-item-text{font-size:.9rem}}@media (max-width:480px){.info-card-header{align-items:flex-start;flex-direction:column;gap:10px}.info-card-count{align-self:flex-end}.dashboard-nav-btn{font-size:.8rem;height:30px;width:100px}.nav-indicator{font-size:.85rem;min-width:50px}}.game-stats-grid{grid-gap:25px;animation:fadeIn .8s ease-out;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.game-stat-card{animation:slideInRight .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 30px #0000004d;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.game-stat-card:hover{background:#23283cfa;border-color:#5865f24d;box-shadow:0 15px 40px #0006;transform:translateY(-8px)}.game-stat-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px}.game-stat-icon{font-size:1.8rem;opacity:.95;transition:transform .3s ease}.game-stat-card:hover .game-stat-icon{transform:scale(1.2) rotate(-10deg)}.game-stat-header h3{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:1px;margin:0}.game-stat-loading{align-items:center;color:#c7c9ce;display:flex;flex-direction:column;justify-content:center;padding:30px 20px}.game-stat-content{padding:25px 0;text-align:center}.game-stat-value{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:12px}.game-stat-subtitle{color:#c7c9ce;font-size:.98rem;font-weight:500}@media (max-width:768px){.game-stats-grid{gap:20px;grid-template-columns:1fr}.game-stat-card{padding:20px}.game-stat-value{font-size:1.8rem}.game-stat-header h3{font-size:1rem}}@media (max-width:480px){.game-stat-value{font-size:1.6rem}.game-stat-subtitle{font-size:.85rem}}.leaderboard-clickable{cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.leaderboard-clickable:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .4s ease-out;background:#1e2332fa;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 60px #00000080;color:var(--text-primary);display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#2d324699;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:2px;margin:0}.close-button{align-items:center;background:linear-gradient(135deg,#dc354533,#dc35451a);border:1px solid #dc35454d;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;font-size:28px;font-weight:300;height:40px;justify-content:center;line-height:1;transition:all .3s ease;width:40px}.close-button:hover{background:linear-gradient(135deg,#dc35454d,#dc354533);border-color:#dc354580;transform:scale(1.1)}.modal-body.leaderboard-body{background-color:#191e2dcc;flex-grow:1;overflow-y:auto;padding:30px}.modal-body.leaderboard-body::-webkit-scrollbar{width:8px}.modal-body.leaderboard-body::-webkit-scrollbar-track{background:#5865f21a;border-radius:10px}.modal-body.leaderboard-body::-webkit-scrollbar-thumb{background:#5865f266;border-radius:10px}.modal-body.leaderboard-body::-webkit-scrollbar-thumb:hover{background:#5865f299}.leaderboard-table{border-collapse:collapse;margin-top:15px;width:100%}.leaderboard-table thead tr{border-bottom:2px solid #5865f24d}.leaderboard-table th{background-color:#23283ccc;color:#c7c9ce;font-size:.85em;font-weight:600;letter-spacing:1px;padding:18px 12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.leaderboard-table tbody tr{border-radius:8px;display:table-row;margin-bottom:8px;transition:all .2s ease}.leaderboard-table tbody tr:hover{background-color:#5865f21a}.leaderboard-table td{border-bottom:1px solid #ffffff0d;font-size:.95em;padding:14px 12px}.top-player{background-color:#5865f226;color:var(--text-primary);font-weight:700}.top-player:hover{background-color:#5865f240!important}.leaderboard-puesto{font-size:1.2em;text-align:center;width:5%}.leaderboard-nombre-cell{padding-left:0}.leaderboard-player-info{align-items:center;display:flex}.leaderboard-avatar{border:2px solid #5865f24d;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:36px;margin-right:12px;object-fit:cover;transition:transform .3s ease;width:36px}.leaderboard-table tbody tr:hover .leaderboard-avatar{transform:scale(1.1)}.leaderboard-avatar-loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#5865f233,#5865f21a,#5865f233);background-size:200% 100%;border-radius:50%;height:36px;margin-right:12px;width:36px}.leaderboard-nombre-text{color:var(--text-primary);font-weight:600}.leaderboard-tiempo{color:#5865f2;font-weight:700;width:25%}.leaderboard-empty,.leaderboard-loading{color:#c7c9ce;padding:50px 20px;text-align:center}.leaderboard-loading-avatars{color:#c7c9ce;padding:20px;text-align:center}.loading-spinner-small{animation:spin 1s linear infinite;border:3px solid #5865f233;border-radius:50%;border-top-color:#5865f2;display:inline-block;height:30px;margin-right:10px;width:30px}.categories-grid{grid-gap:24px;animation:fadeIn .8s ease-out .2s both;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}@media (max-width:1024px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.categories-grid{grid-template-columns:1fr}.profile-header{padding:20px}.header-content{align-items:flex-start;flex-direction:column;gap:15px}.user-profile{width:100%}.welcome-title{font-size:2.2rem}.dashboard-main{padding:25px 20px}.game-stats-grid,.info-cards-grid,.quick-stats{grid-template-columns:1fr}.modal-content{max-height:90vh;max-width:95%}}@media (max-width:480px){.welcome-title{font-size:1.8rem}.dashboard-user-info h1{font-size:1.5rem}.game-stat-value{font-size:2rem}.modal-header h2{font-size:1.5rem}.leaderboard-table td,.leaderboard-table th{font-size:.85em;padding:10px 8px}}:root{--primary-dark:#1a1d2e;--secondary-dark:#252838;--accent-blue:#5865f2;--accent-orange:#ff8c42;--accent-red:#f04747;--accent-gold:gold;--text-primary:#fff;--text-secondary:#b4b8c5;--border-color:#2d3142;--success-color:#43b581;--warning-color:#faa61a;--glass-bg:#252838cc;--glass-border:#ffffff1a}*{box-sizing:border-box}body,html{margin:0;min-height:100vh;padding:0}.shop-container{background:linear-gradient(135deg,#1a1d2e,#252838);color:#fff;color:var(--text-primary);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.shop-container:before{background-image:radial-gradient(circle at 20% 50%,#5865f214 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff8c4214 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.shop-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1d2ef2;border-bottom:1px solid #2d3142;border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px #0000004d;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.shop-header-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:1400px}.shop-back-btn{align-items:center;background:linear-gradient(135deg,#5865f2,#4752c4);background:linear-gradient(135deg,var(--accent-blue),#4752c4);border:none;border-radius:12px;box-shadow:0 4px 15px #5865f24d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.shop-back-btn:hover{box-shadow:0 6px 20px #5865f280;transform:translateY(-2px)}.shop-header-center{text-align:center}.shop-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#5865f2);background:linear-gradient(135deg,#fff 0,var(--accent-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:900;letter-spacing:1px;margin:0;text-transform:uppercase}.shop-header-right{align-items:center;display:flex;gap:1.5rem}.shop-logo{filter:drop-shadow(0 4px 8px rgba(88,101,242,.3));height:auto;width:60px}.shop-user-profile{align-items:center;background:#252838cc;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;display:flex;gap:.75rem;padding:.5rem 1rem}.shop-username{color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:600}.shop-main{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:1}.shop-hero{background:linear-gradient(135deg,#5865f226,#ff8c4226),url(/static/media/imglogin.b0d03465f75c9f2860d2.jpg);background-position:50%;background-size:cover;border-radius:24px;box-shadow:0 8px 32px #0006;margin-bottom:3rem;overflow:hidden;padding:4rem 3rem;position:relative}.shop-hero-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1a1d2ed9,#252838d9);bottom:0;left:0;position:absolute;right:0;top:0}.shop-hero-content{position:relative;text-align:center;z-index:1}.shop-hero-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(255,215,0,.6));font-size:4rem;margin-bottom:1.5rem}.shop-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff8c42);background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-orange) 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;letter-spacing:-1px;margin:0 0 1.5rem;text-shadow:0 4px 20px #ffd7004d}.shop-hero-subtitle{color:#fff;color:var(--text-primary);font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px;text-shadow:0 2px 8px #00000080}.shop-tabs{grid-gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#252838cc;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:3rem;padding:1rem}.shop-tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:14px;color:#b4b8c5;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;overflow:hidden;padding:1.25rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.shop-tab:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.shop-tab:hover:before{left:100%}.shop-tab:hover{background:#5865f226;color:#fff;color:var(--text-primary);transform:translateY(-2px)}.shop-tab.active{background:linear-gradient(135deg,#5865f2,#4752c4);background:linear-gradient(135deg,var(--accent-blue),#4752c4);border-color:#5865f2;border-color:var(--accent-blue);box-shadow:0 6px 20px #5865f266;color:#fff;transform:translateY(-2px)}.shop-tab-icon{font-size:1.5rem}.shop-content{animation:fadeIn .5s ease-in-out}.shop-section{position:relative}.shop-cards-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin-bottom:3rem}.shop-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#252838cc;background:var(--glass-bg);border:2px solid #ffffff1a;border:2px solid var(--glass-border);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;padding:2.5rem 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.shop-card-glow{background:radial-gradient(circle,#5865f226 0,#0000 70%);height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.shop-card:hover .shop-card-glow{opacity:1}.shop-card:hover{border-color:#5865f2;border-color:var(--accent-blue);box-shadow:0 20px 60px #5865f266;transform:translateY(-12px) scale(1.02)}.shop-card.elite{background:linear-gradient(135deg,#5865f233,#252838e6);border-color:#5865f266}.shop-card.legendario{background:linear-gradient(135deg,#ff6b3533,#252838e6);border-color:#ff6b3566}.shop-card.legendario:hover{box-shadow:0 20px 60px #ff6b3566}.shop-card.luxury{background:linear-gradient(135deg,#ffd70033,#252838e6);border-color:#ffd70066}.shop-card.luxury:hover{box-shadow:0 20px 60px #ffd70066}.shop-featured-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff8c42,#ff6b35);background:linear-gradient(135deg,var(--accent-orange),#ff6b35);border-radius:20px;box-shadow:0 4px 15px #ff8c4280;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;right:1.5rem;top:1.5rem;z-index:10}.shop-card-header{margin-bottom:2rem;text-align:center}.shop-card-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(88,101,242,.6));font-size:4rem;margin-bottom:1rem}.shop-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ff8c42);background:linear-gradient(135deg,var(--text-primary),var(--accent-orange));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900;margin:0 0 1rem}.shop-card-price{background:linear-gradient(135deg,#5865f2,#4752c4);background:linear-gradient(135deg,var(--accent-blue),#4752c4);border-radius:20px;box-shadow:0 4px 15px #5865f266;color:#fff;display:inline-block;font-size:1.25rem;font-weight:800;padding:.75rem 1.75rem}.legendario .shop-card-price{background:linear-gradient(135deg,#ff6b35,#ff4500);box-shadow:0 4px 15px #ff6b3566}.shop-card-price-dual{display:flex;flex-direction:column;gap:.75rem}.shop-card-price-dual span{background:linear-gradient(135deg,gold,#ffb700);background:linear-gradient(135deg,var(--accent-gold),#ffb700);border-radius:16px;box-shadow:0 4px 15px #ffd70066;color:#1a1d2e;display:inline-block;font-size:1rem;font-weight:800;padding:.6rem 1.5rem}.shop-card-benefits{flex-grow:1;list-style:none;margin:0 0 2rem;padding:0}.shop-card-benefits li{align-items:flex-start;border-bottom:1px solid #ffffff0d;color:#b4b8c5;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem;line-height:1.6;padding:1rem 0;transition:all .3s ease}.shop-card-benefits li:hover{background:#5865f20d;color:#fff;color:var(--text-primary);padding-left:.5rem}.shop-card-benefits li:last-child{border-bottom:none}.benefit-icon{flex-shrink:0;font-size:1.25rem;transition:transform .3s ease}.shop-card-benefits li:hover .benefit-icon{transform:scale(1.2) rotate(10deg)}.role-tag{background:#5865f240;border:1px solid #5865f266;border-radius:8px;color:#5865f2;color:var(--accent-blue);display:inline-flex;font-size:.85rem;gap:.25rem;padding:.25rem .75rem;white-space:nowrap}.role-tag,.shop-card-btn{align-items:center;font-weight:700}.shop-card-btn{background:linear-gradient(135deg,#5865f2,#4752c4);background:linear-gradient(135deg,var(--accent-blue),#4752c4);border-radius:14px;box-shadow:0 4px 15px #5865f24d;color:#fff;display:flex;font-size:1rem;gap:.75rem;justify-content:center;margin-top:auto;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease;width:100%}.shop-card-btn:hover{box-shadow:0 8px 25px #5865f280;transform:translateY(-3px)}.legendario .shop-card-btn{background:linear-gradient(135deg,#ff6b35,#ff4500);box-shadow:0 4px 15px #ff6b354d}.legendario .shop-card-btn:hover{box-shadow:0 8px 25px #ff6b3580}.luxury .shop-card-btn{background:linear-gradient(135deg,gold,#ffb700);background:linear-gradient(135deg,var(--accent-gold),#ffb700);box-shadow:0 4px 15px #ffd7004d;color:#1a1d2e}.luxury .shop-card-btn:hover{box-shadow:0 8px 25px #ffd70080}.shop-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faa61a26;border:2px solid #faa61a66;border-radius:20px;display:flex;gap:1.5rem;padding:2rem}.shop-notice-icon{flex-shrink:0;font-size:2.5rem}.shop-notice-content h3{color:#faa61a;color:var(--warning-color);font-size:1.5rem;font-weight:800;margin:0 0 1rem}.shop-notice-content p{color:#b4b8c5;color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin:0}.combo-ilegal-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#f0474726,#252838e6);border:2px solid #f0474766;border-radius:24px;box-shadow:0 8px 32px #f0474733;padding:3rem 2.5rem}.combo-header{margin-bottom:2.5rem;text-align:center}.combo-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(240,71,71,.6));font-size:4.5rem;margin-bottom:1.5rem}.combo-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f04747);background:linear-gradient(135deg,var(--text-primary),var(--accent-red));-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:2.5rem;font-weight:900;margin:0 0 1.5rem}.combo-precio{background:linear-gradient(135deg,#f04747,#c93636);background:linear-gradient(135deg,var(--accent-red),#c93636);border-radius:24px;box-shadow:0 6px 24px #f0474780;color:#fff;display:inline-block;font-size:1.75rem;font-weight:900;padding:1rem 2.5rem}.combo-nota-territorio{background:#faa61a33;border:2px solid #faa61a80;border-radius:16px;color:#faa61a;color:var(--warning-color);font-size:1.1rem;font-weight:700;margin-bottom:2.5rem;padding:1.25rem 2rem;text-align:center}.combo-advertencias,.combo-contenido,.combo-instrucciones{margin-bottom:2.5rem}.combo-advertencias h3,.combo-contenido h3,.combo-instrucciones h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:800;gap:.75rem;margin:0 0 1.5rem}.combo-items-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.combo-item{align-items:center;background:#252838b3;border:1px solid #2d3142;border:1px solid var(--border-color);border-radius:14px;color:#b4b8c5;color:var(--text-secondary);display:flex;font-size:1rem;font-weight:600;gap:1rem;padding:1.25rem;transition:all .3s ease}.combo-item:hover{background:#f0474726;border-color:#f0474780;color:#fff;color:var(--text-primary);transform:translateX(8px)}.item-icon{flex-shrink:0;font-size:1.75rem}.combo-instrucciones{background:#5865f21a;border:2px solid #5865f266;border-radius:16px;padding:2rem}.combo-instrucciones ol{color:#b4b8c5;color:var(--text-secondary);line-height:1.9;margin:0;padding-left:1.75rem}.combo-instrucciones li{font-size:1rem;margin-bottom:1rem}.combo-instrucciones strong{color:#5865f2;color:var(--accent-blue);font-weight:700}.combo-advertencias{background:#faa61a1a;border:2px solid #faa61a66;border-radius:16px;padding:2rem}.combo-advertencias ul{list-style:none;margin:0;padding:0}.combo-advertencias li{border-bottom:1px solid #ffffff0d;color:#b4b8c5;color:var(--text-secondary);font-size:1rem;line-height:1.7;padding:1rem 0 1rem 2.5rem;position:relative}.combo-advertencias li:last-child{border-bottom:none}.combo-advertencias li:before{content:"⚠️";font-size:1.4rem;left:0;position:absolute;top:1rem}.combo-advertencias strong{color:#faa61a;color:var(--warning-color);font-weight:700}.ropa-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#5865f21f,#ff8c421f);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:24px;margin-bottom:3rem;padding:2.5rem 2rem;text-align:center}.ropa-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#5865f2);background:linear-gradient(135deg,var(--text-primary),var(--accent-blue));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;margin:0 0 1.25rem}.ropa-subtitle{color:#b4b8c5;color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0 auto;max-width:700px}.ropa-cards-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.ropa-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#252838cc;background:var(--glass-bg);border:2px solid #ffffff1a;border:2px solid var(--glass-border);border-radius:24px;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.ropa-card.featured{background:linear-gradient(135deg,#ff8c422e,#252838e6);border-color:#ff8c4280}.ropa-card:hover{border-color:#5865f2;border-color:var(--accent-blue);box-shadow:0 20px 50px #5865f259;transform:translateY(-10px)}.ropa-card.featured:hover{border-color:#ff8c42;border-color:var(--accent-orange);box-shadow:0 20px 50px #ff8c4259}.ropa-badge{background:linear-gradient(135deg,#43b581,#36a169);background:linear-gradient(135deg,var(--success-color),#36a169);border-radius:18px;box-shadow:0 4px 15px #43b58180;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;right:1.5rem;text-transform:uppercase;top:1.5rem}.ropa-badge.special{background:linear-gradient(135deg,#ff8c42,#ff6b35);background:linear-gradient(135deg,var(--accent-orange),#ff6b35);box-shadow:0 4px 15px #ff8c4280}.ropa-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(88,101,242,.4));font-size:4.5rem;margin-bottom:1.5rem}.ropa-card h3{color:#fff;color:var(--text-primary);font-size:1.75rem;font-weight:800;margin:0 0 1.25rem}.ropa-descripcion{color:#b4b8c5;color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0 0 1.75rem}.ropa-precio{background:#5865f240;border:2px solid #5865f280;border-radius:18px;color:#5865f2;color:var(--accent-blue);display:inline-block;font-size:1.25rem;font-weight:800;margin-bottom:1.75rem;padding:.75rem 1.75rem}.ropa-card.featured .ropa-precio{background:#ff8c4240;border-color:#ff8c4280;color:#ff8c42;color:var(--accent-orange)}.ropa-btn{background:linear-gradient(135deg,#5865f2,#4752c4);background:linear-gradient(135deg,var(--accent-blue),#4752c4);border-radius:14px;box-shadow:0 4px 15px #5865f24d;color:#fff;display:block;font-size:1rem;font-weight:700;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.ropa-btn:hover{box-shadow:0 8px 25px #5865f280;transform:translateY(-3px)}.ropa-btn.special{background:linear-gradient(135deg,#ff8c42,#ff6b35);background:linear-gradient(135deg,var(--accent-orange),#ff6b35);box-shadow:0 4px 15px #ff8c424d}.ropa-btn.special:hover{box-shadow:0 8px 25px #ff8c4280}.boost-section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#5865f2);background:linear-gradient(135deg,var(--text-primary),var(--accent-blue));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0 0 1rem;text-align:center}.boost-section-subtitle{color:#b4b8c5;color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0 0 3rem;text-align:center}.boost-cards-small{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.boost-card-small{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#25283899;border:2px solid #2d3142;border:2px solid var(--border-color);border-radius:20px;padding:2rem;transition:all .3s ease}.boost-card-small:hover{background:#252838cc;border-color:#5865f2;border-color:var(--accent-blue);box-shadow:0 12px 32px #5865f24d;transform:translateY(-6px)}.boost-small-icon{filter:drop-shadow(0 4px 12px rgba(88,101,242,.4));font-size:3rem;margin-bottom:1rem;text-align:center}.boost-card-small h3{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.boost-card-small ul{list-style:none;margin:0;padding:0}.boost-card-small li{color:#b4b8c5;color:var(--text-secondary);font-size:.95rem;line-height:1.6;padding:.75rem 0 .75rem 2rem;position:relative;transition:all .3s ease}.boost-card-small li:hover{color:#fff;color:var(--text-primary);padding-left:2.25rem}.boost-card-small li:before{color:#43b581;color:var(--success-color);content:"✓";font-size:1.1rem;font-weight:700;left:0;position:absolute;top:.75rem}@media (max-width:1024px){.shop-tabs{grid-template-columns:repeat(2,1fr)}.shop-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.shop-header-content{gap:1rem;grid-template-columns:1fr}.shop-header-center{order:-1}.shop-title{font-size:1.25rem}.shop-logo{display:none}.shop-hero{padding:3rem 1.5rem}.shop-hero-title{font-size:2rem}.shop-tabs{grid-template-columns:1fr}.boost-cards-small,.ropa-cards-grid,.shop-cards-grid{gap:1.5rem;grid-template-columns:1fr}.combo-items-grid{grid-template-columns:1fr}.combo-ilegal-card{padding:2rem 1.5rem}}.civiles-dashboard-wrapper{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative}.civiles-dashboard-wrapper:after,.civiles-dashboard-wrapper:before{animation:float 20s ease-in-out infinite;border-radius:50%;content:"";height:400px;opacity:.08;pointer-events:none;position:fixed;width:400px}.civiles-dashboard-wrapper:before{animation-delay:-5s;background:radial-gradient(circle,#5865f2,#0000);left:-200px;top:-200px}.civiles-dashboard-wrapper:after{animation-delay:-10s;background:radial-gradient(circle,#7289da,#0000);bottom:-200px;right:-200px}.civiles-header{animation:slideInDown .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;padding:25px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.civiles-header-content{align-items:center;display:flex;gap:30px;justify-content:space-between;margin:0 auto;max-width:1600px}.civiles-user-section{align-items:center;display:flex;flex:1 1;gap:20px}.civiles-status-badge{align-items:center;animation:fadeIn .8s ease-out .2s both;background:#5865f226;border:1px solid #5865f24d;border-radius:50px;display:flex;gap:10px;padding:8px 16px}.civiles-status-indicator{animation:pulse 2s ease-in-out infinite;background:#0f8;border-radius:50%;box-shadow:0 0 10px #0f8;height:10px;width:10px}.civiles-status-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.civiles-welcome{animation:fadeIn .8s ease-out .4s both;color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:2rem;letter-spacing:2px;margin:0}.civiles-username{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#7289da);-webkit-background-clip:text;background-clip:text}.civiles-header-logo{animation:logoFloat 3s ease-in-out infinite,fadeIn .8s ease-out .6s both;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));height:auto;width:100px}.civiles-back-btn{align-items:center;animation:fadeIn .8s ease-out .8s both;background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:10px;box-shadow:0 4px 15px #5865f266;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s ease}.civiles-back-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.civiles-back-btn:hover:before{height:300px;width:300px}.civiles-back-btn:hover{box-shadow:0 6px 20px #5865f299;transform:translateY(-2px)}.civiles-back-btn:active{transform:translateY(0)}.civiles-main{animation:fadeInUp .8s ease-out;margin:0 auto;max-width:1600px;padding:40px}.civiles-page-title{animation:fadeIn 1s ease-out;margin-bottom:50px;text-align:center}.civiles-page-title h1{color:var(--text-primary);display:inline-block;font-family:Bebas Neue,Arial,sans-serif;font-size:3.5rem;letter-spacing:4px;margin:0;position:relative}.civiles-page-title h1:after{background:linear-gradient(90deg,#0000,#5865f2,#0000);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.civiles-tools-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.civiles-tool-card{animation:fadeIn .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.civiles-tool-card:first-child{animation-delay:.1s}.civiles-tool-card:nth-child(2){animation-delay:.2s}.civiles-tool-card:nth-child(3){animation-delay:.3s}.civiles-tool-card:nth-child(4){animation-delay:.4s}.civiles-tool-card:nth-child(5){animation-delay:.5s}.civiles-tool-card:nth-child(6){animation-delay:.6s}.civiles-tool-card:nth-child(7){animation-delay:.7s}.civiles-tool-card:nth-child(8){animation-delay:.8s}.civiles-tool-card:nth-child(9){animation-delay:.9s}.civiles-tool-card:nth-child(10){animation-delay:1s}.civiles-tool-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.civiles-tool-card:hover:before{opacity:1}.civiles-tool-card:after{background:radial-gradient(circle,#5865f21a,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.civiles-tool-card:hover:after{height:500px;width:500px}.civiles-tool-card:hover{border-color:#fff3;box-shadow:0 20px 50px #0006;transform:translateY(-10px) scale(1.02)}.civiles-tool-icon{align-items:center;background:#ffffff0d;border-radius:15px;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin-bottom:20px;position:relative;transition:all .3s ease;width:60px;z-index:1}.civiles-tool-card:hover .civiles-tool-icon{background:#ffffff1a;transform:rotate(10deg) scale(1.1)}.civiles-tool-title{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:1.5rem;letter-spacing:1.5px;margin:0 0 10px;position:relative;z-index:1}.civiles-tool-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0;position:relative;z-index:1}.civiles-tool-arrow{bottom:30px;font-size:1.5rem;opacity:0;position:absolute;right:30px;transform:translateX(-10px);transition:all .3s ease;z-index:1}.civiles-tool-card:hover .civiles-tool-arrow{opacity:1;transform:translateX(0)}.civiles-loading{align-items:center;display:flex;flex-direction:column;gap:15px;margin:30px 0}.civiles-loading-spinner{animation:spin 1s linear infinite;border:4px solid #5865f233;border-radius:50%;border-top-color:#5865f2;height:50px;width:50px}.civiles-loading p{color:var(--text-secondary);font-size:1rem;font-weight:500}.civiles-error-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #dc35454d;border-radius:20px;box-shadow:0 8px 30px #dc354533;margin:40px;padding:40px;text-align:center}.civiles-error-container p{color:var(--text-primary);font-size:1.1rem;margin-bottom:20px}.civiles-error-btn{background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:10px;box-shadow:0 4px 15px #5865f266;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s ease}.civiles-error-btn:hover{box-shadow:0 6px 20px #5865f299;transform:translateY(-2px)}@media (max-width:1400px){.civiles-tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:1024px){.civiles-page-title h1{font-size:2.8rem}.civiles-tools-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.civiles-main{padding:25px 20px}.civiles-header{padding:20px}.civiles-header-content{align-items:flex-start;flex-direction:column}.civiles-welcome{font-size:1.5rem}.civiles-page-title h1{font-size:2.2rem}.civiles-tools-grid{grid-template-columns:1fr}}@media (max-width:480px){.civiles-page-title h1{font-size:1.8rem}.civiles-tools-grid{gap:15px}.civiles-tool-card{padding:20px}.civiles-tool-icon{font-size:1.5rem;height:50px;width:50px}.civiles-tool-title{font-size:1.2rem}.civiles-tool-description{font-size:.9rem}}.dashboardp-wrapper{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative}.dashboardp-wrapper:after,.dashboardp-wrapper:before{animation:float 20s ease-in-out infinite;border-radius:50%;content:"";height:400px;opacity:.08;pointer-events:none;position:fixed;width:400px}.dashboardp-wrapper:before{animation-delay:-5s;background:radial-gradient(circle,#3498db,#0000);left:-200px;top:-200px}.dashboardp-wrapper:after{animation-delay:-10s;background:radial-gradient(circle,#2980b9,#0000);bottom:-200px;right:-200px}.dashboardp-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;padding:25px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboardp-header-content{align-items:center;animation:slideInDown .6s ease-out;display:flex;justify-content:space-between;margin:0 auto;max-width:1600px;width:100%}.dashboardp-user-info{flex:1 1}.dashboardp-status{align-items:center;animation:fadeIn .8s ease-out .1s both;display:flex;gap:8px;margin-bottom:10px}.dashboardp-status-indicator{animation:pulse-green 2s ease-in-out infinite;background-color:#0f8;border-radius:50%;box-shadow:0 0 10px #0f8;height:10px;width:10px}@keyframes pulse-green{0%,to{box-shadow:0 0 10px #0f89}50%{box-shadow:0 0 15px #0f8c}}.dashboardp-status-text{color:var(--text-primary);font-size:.9rem;font-weight:500}.dashboardp-title{animation:fadeIn .8s ease-out .2s both;color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:2px;margin:0}.dashboardp-title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3498db,#2980b9);-webkit-background-clip:text;background-clip:text}.dashboardp-logo{animation:logoFloat 3s ease-in-out infinite,fadeIn .8s ease-out .4s both;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));height:auto;width:100px}.dashboardp-back-btn{align-items:center;animation:fadeIn .8s ease-out .3s both;background:linear-gradient(135deg,#5865f21a,#5865f20d);border:1px solid #5865f24d;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.dashboardp-back-btn:hover{background:linear-gradient(135deg,#5865f233,#5865f21a);border-color:#5865f280;box-shadow:0 5px 15px #5865f233;color:#5865f2;transform:translateX(-5px)}.dashboardp-main{padding:40px 20px;width:100%}.dashboardp-content{margin:0 auto;max-width:1600px}.dashboardp-page-title{animation:slideInDown .8s ease-out;color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:2.8rem;font-weight:700;letter-spacing:2px;margin-bottom:50px;text-align:center}.dashboardp-tools-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.dashboardp-tool-card{animation:fadeIn .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 30px #0000004d;cursor:pointer;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.dashboardp-tool-card:first-child{animation-delay:.1s}.dashboardp-tool-card:nth-child(2){animation-delay:.2s}.dashboardp-tool-card:nth-child(3){animation-delay:.3s}.dashboardp-tool-card:nth-child(4){animation-delay:.4s}.dashboardp-tool-card:nth-child(5){animation-delay:.5s}.dashboardp-tool-card:nth-child(6){animation-delay:.6s}.dashboardp-tool-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.dashboardp-tool-card:hover:before{opacity:1}.dashboardp-tool-card:after{background:radial-gradient(circle,#3498db1a,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.dashboardp-tool-card:hover:after{height:500px;width:500px}.dashboardp-tool-card:hover{border-color:#fff3;box-shadow:0 20px 50px #0006;transform:translateY(-10px) scale(1.02)}.dashboardp-tool-icon{font-size:2.8rem;margin-bottom:20px;opacity:.9;position:relative;transition:transform .3s ease;z-index:1}.dashboardp-tool-card:hover .dashboardp-tool-icon{transform:scale(1.15) rotate(10deg)}.dashboardp-tool-card h3{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:1.5px;margin:0 0 15px;position:relative;z-index:1}.dashboardp-tool-card p{color:#c7c9ce;font-size:.95rem;line-height:1.6;margin:0;position:relative;z-index:1}.dashboardp-tool-hover-effect{align-items:center;bottom:0;color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:10px;justify-content:center;left:0;letter-spacing:1px;padding:15px;position:absolute;right:0;text-transform:uppercase;transform:translateY(100%);transition:transform .3s ease;z-index:2}.dashboardp-tool-card:hover .dashboardp-tool-hover-effect{transform:translateY(0)}@media (max-width:1400px){.dashboardp-tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:1024px){.dashboardp-header-content{align-items:center;gap:15px}.dashboardp-tools-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboardp-title{font-size:1.8rem}.dashboardp-page-title{font-size:2.2rem}.dashboardp-logo{width:90px}}@media (max-width:768px){.dashboardp-header{padding:20px}.dashboardp-header-content{flex-direction:column;gap:15px}.dashboardp-title{font-size:1.5rem}.dashboardp-logo{width:80px}.dashboardp-main{padding:20px 15px}.dashboardp-page-title{font-size:1.8rem;margin-bottom:30px}.dashboardp-tools-grid{gap:15px;grid-template-columns:1fr}.dashboardp-tool-card{padding:25px 20px}.dashboardp-tool-icon{font-size:2.2rem}.dashboardp-tool-card h3{font-size:1.4rem}.dashboardp-tool-card p{font-size:.9rem}}@media (max-width:480px){.dashboardp-header{padding:15px}.dashboardp-title{font-size:1.2rem}.dashboardp-page-title{font-size:1.5rem;margin-bottom:20px}.dashboardp-tool-card{border-radius:15px;padding:20px 15px}.dashboardp-tool-icon{font-size:2rem;margin-bottom:15px}.dashboardp-tool-card h3{font-size:1.2rem;margin-bottom:10px}.dashboardp-tool-card p{font-size:.85rem;line-height:1.5}.dashboardp-back-btn{font-size:.85rem;padding:8px 15px}}.dashboardp-loading{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;height:100vh;justify-content:center}.dashboardp-loading-spinner{animation:spin 1s linear infinite;border:4px solid #3498db33;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}.vehiculo-card-detailed{background:#1e2332eb;background:var(--surface,#1e2332eb);border:1px solid #ffffff14;border:1px solid var(--surface-border,#ffffff14);border-radius:8px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow,0 18px 40px #00000059);margin-bottom:20px;padding:20px;transition:box-shadow .3s ease}.vehiculo-card-detailed:hover{box-shadow:0 4px 8px #00000026}.vehiculo-header{align-items:center;border-bottom:2px solid #5865f24d;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.vehiculo-header h4{color:#e8edf7;color:var(--text-primary,#e8edf7);font-size:1.2em;margin:0}.ver-detalles-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 16px;transition:background-color .3s ease}.ver-detalles-btn:hover{background:#0056b3}.vehiculo-info{margin-bottom:20px}.vehiculo-info p{color:#b8c5db;color:var(--text-secondary,#b8c5db);margin:8px 0}.documentos-vehiculo{background:#242a3ce6;background:var(--surface-alt,#242a3ce6);border:1px solid #ffffff14;border:1px solid var(--surface-border,#ffffff14);border-radius:8px;margin-bottom:15px;padding:15px}.documentos-vehiculo,.documentos-vehiculo h5{color:#e8edf7;color:var(--text-primary,#e8edf7)}.documentos-vehiculo h5{font-size:1.1em;font-weight:600;margin:0 0 15px}.documentos-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.documento-mini{border:2px solid;border-radius:6px;font-size:.9em;padding:12px;text-align:center}.documento-mini h6{font-size:1em;font-weight:700;margin:0 0 8px}.documento-mini p{font-size:.85em;margin:4px 0}.documento-mini.vigente{background-color:#d4edda;border-color:#28a745;color:#155724}.documento-mini.vencido{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.documento-mini.no-comprado{background-color:#fff3cd;border-color:#ffc107;color:#856404}.estado-vigente{color:#28a745;font-weight:700}.estado-vencido{color:#dc3545;font-weight:700}.estado-no-comprado{color:#ffc107;font-weight:700}.fecha-vencimiento{font-size:.8em;opacity:.8}.dias-restantes{font-size:.8em;font-weight:700}.vehiculo-imagen-mini{margin-top:15px;text-align:center}.imagen-vehiculo-pequena{border:1px solid #dee2e6;border-radius:6px;max-height:150px;max-width:200px;object-fit:cover}@media (max-width:768px){.documentos-grid{grid-template-columns:1fr}.vehiculo-header{align-items:flex-start;flex-direction:column;gap:10px}.ver-detalles-btn{align-self:stretch;text-align:center}}.consulta-container{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative}.consulta-container:after,.consulta-container:before{animation:float 20s ease-in-out infinite;border-radius:50%;content:"";height:400px;opacity:.08;pointer-events:none;position:fixed;width:400px}.consulta-container:before{animation-delay:-5s;background:radial-gradient(circle,#5865f2,#0000);left:-200px;top:-200px}.consulta-container:after{animation-delay:-10s;background:radial-gradient(circle,#7289da,#0000);bottom:-200px;right:-200px}.consulta-main{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:40px 20px;width:100%}.consulta-content{animation:fadeInUp .8s ease-out;max-width:800px;width:100%}.section-title{color:var(--text-primary);font-size:3rem;margin:0 0 50px}.search-container{width:100%}.search-form{animation:fadeIn .8s ease-out .2s both;width:100%}.search-box{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.cedula-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2332f2;border:2px solid #5865f24d;border-radius:12px;box-shadow:0 8px 30px #0000004d;color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:500;min-width:250px;padding:16px 20px;transition:all .3s ease}.cedula-input::placeholder{color:var(--text-muted)}.cedula-input:focus{background:#23283cfa;border-color:#5865f2;box-shadow:0 0 20px #5865f266,0 8px 30px #0000004d;outline:none}.cedula-input:disabled{cursor:not-allowed;opacity:.6}.search-button{align-items:center;background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:12px;box-shadow:0 8px 20px #5865f266;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;letter-spacing:1px;overflow:hidden;padding:16px 40px;position:relative;text-transform:uppercase;transition:all .3s ease}.search-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.search-button:hover:before{height:300px;width:300px}.search-button:hover{background:linear-gradient(135deg,#7289da,#5865f2);box-shadow:0 12px 30px #5865f299;transform:translateY(-3px)}.search-button:active{transform:translateY(-1px)}.search-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.search-button.loading{color:#fff}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.error-message{animation:slideInDown .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc354526;border:1px solid #dc354566;border-radius:10px;box-shadow:0 8px 20px #dc354526;color:#ff6b6b;font-size:.95rem;font-weight:500;padding:16px 20px}.info-card{animation:fadeInUp .8s ease-out .3s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #5865f233;border-radius:15px;box-shadow:0 8px 30px #0000004d;margin-top:30px;padding:25px}.info-card p{color:var(--text-secondary);line-height:1.6;margin:0 0 10px}.info-card p:last-child{margin-bottom:0}.info-card strong{color:var(--text-primary);font-weight:700}@media (max-width:768px){.section-title{font-size:2rem;margin-bottom:35px}.search-box{flex-direction:column}.cedula-input{min-width:100%}.search-button{justify-content:center;width:100%}.consulta-main{min-height:calc(100vh - 80px);padding:25px 15px}}@media (max-width:480px){.section-title{font-size:1.5rem;letter-spacing:1px;margin-bottom:25px}.cedula-input{font-size:.9rem;padding:14px 16px}.search-button{font-size:.85rem;padding:14px 24px}.error-message{font-size:.9rem;padding:12px 16px}.consulta-main{padding:20px 12px}}.vehiculo-info-horizontal{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:30px}.documentos-section,.propietario-section,.vehiculo-section{background:#1e2332eb;background:var(--surface,#1e2332eb);border:1px solid #ffffff14;border:1px solid var(--surface-border,#ffffff14);border-radius:8px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow,0 18px 40px #00000059);color:#e8edf7;color:var(--text-primary,#e8edf7);padding:20px}.licencias-propietario{border-top:1px solid #ffffff14;border-top:1px solid var(--surface-border,#ffffff14);margin-top:15px;padding-top:15px}.licencias-propietario h4{color:#e8edf7;color:var(--text-primary,#e8edf7);font-size:1.1em;margin-bottom:10px}.vehiculo-imagen-section{background:#242a3ce6;background:var(--surface-alt,#242a3ce6);border:1px solid #ffffff14;border:1px solid var(--surface-border,#ffffff14);border-radius:8px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow,0 18px 40px #00000059);color:#e8edf7;color:var(--text-primary,#e8edf7);padding:30px;text-align:center}.imagen-container{align-items:center;display:flex;justify-content:center;margin-top:15px}.vehiculo-imagen{border-radius:8px;box-shadow:0 4px 8px #0003;height:auto;max-height:300px;max-width:400px;width:auto}@media (max-width:1024px){.vehiculo-info-horizontal{gap:15px;grid-template-columns:1fr}}@media (max-width:768px){.vehiculo-imagen{max-height:250px;max-width:100%}}.tab-content{animation:fadeInUp .6s ease-out;margin:30px auto;max-width:1400px;padding:0 20px 40px}.tab-content h3{color:#e8edf7;color:var(--text-primary,#e8edf7);font-size:1.3em;font-weight:600;margin-bottom:15px}.vehiculo-card{background:#242a3ce6;background:var(--surface-alt,#242a3ce6);border:1px solid #ffffff14;border:1px solid var(--surface-border,#ffffff14);border-radius:8px;padding:20px}.vehiculo-card p{color:#b8c5db;color:var(--text-secondary,#b8c5db);line-height:1.6;margin:10px 0}.vehiculo-card strong{color:#e8edf7;color:var(--text-primary,#e8edf7);font-weight:600}.documento{border:2px solid;border-radius:8px;margin-bottom:10px;padding:15px}.documento h4{font-size:1.1em;font-weight:700;margin:0 0 10px}.documento p{margin:5px 0}.documento.vigente{background:#28a74526;border-color:#28a745;color:#4ade80}.documento.vencido{background:#dc354526;border-color:#dc3545;color:#ff6b6b}.documento.no-comprado{background:#ffc10726;border-color:#ffc107;color:#ffd43b}.loading-container{justify-content:center;padding:40px 20px}.loading,.loading-container{align-items:center;display:flex}.loading{color:#e8edf7;color:var(--text-primary,#e8edf7);font-size:1.1em;gap:10px}.loading:before{animation:spin 1s linear infinite;border:3px solid #5865f24d;border-radius:50%;border-top-color:#5865f2;content:"";height:20px;width:20px}.arresto-container{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative}.arresto-container:after,.arresto-container:before{animation:float 20s ease-in-out infinite;border-radius:50%;content:"";height:400px;opacity:.08;pointer-events:none;position:fixed;width:400px}.arresto-container:before{animation-delay:-5s;background:radial-gradient(circle,#5865f2,#0000);left:-200px;top:-200px}.arresto-container:after{animation-delay:-10s;background:radial-gradient(circle,#7289da,#0000);bottom:-200px;right:-200px}.section-title{color:var(--text-primary,#e8edf7);font-family:Bebas Neue,Arial,sans-serif;font-weight:700;margin:0 0 40px}.arresto-main{margin:0 auto;max-width:1400px;padding:40px 20px;width:100%}.arresto-content{animation:fadeInUp .8s ease-out;width:100%}.arresto-historial-container{animation:slideInDown .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #5865f233;border-radius:15px;box-shadow:0 8px 30px #0000004d;margin-bottom:40px;padding:30px}.arresto-historial-titulo{border-bottom:2px solid #5865f24d;color:#e8edf7;color:var(--text-primary,#e8edf7);font-family:Bebas Neue,Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:2px;margin:0 0 25px;padding-bottom:15px}.arresto-slider-wrapper{align-items:center;display:flex;gap:12px;position:relative}.arresto-slider-card{animation:fadeIn .6s ease-out;background:#242a3ce6;border:1px solid #5865f233;border-radius:12px;min-width:100%;padding:20px}.arresto-slider-btn{align-items:center;background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:50%;box-shadow:0 4px 15px #5865f24d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.arresto-slider-btn:hover:not(:disabled){box-shadow:0 6px 20px #5865f280;transform:scale(1.1)}.arresto-slider-btn:disabled{cursor:not-allowed;opacity:.4}.arresto-slider-dots{bottom:-30px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.arresto-slider-dot{background:#0000;border:2px solid #5865f2;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.arresto-slider-dot.active{background:#5865f2;transform:scale(1.3)}.arresto-card{background:#1e2332f2;border:1px solid #5865f233;border-radius:12px;box-shadow:0 8px 30px #0000004d;margin-bottom:15px;padding:20px;transition:all .3s ease}.arresto-card:hover{border-color:#5865f266;box-shadow:0 12px 40px #5865f233;transform:translateY(-3px)}.arresto-card h4{color:#e8edf7;color:var(--text-primary,#e8edf7);font-size:1.1em;font-weight:700;margin:0 0 12px}.arresto-card-header{align-items:center;border-bottom:1px solid #5865f233;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.arresto-card-numero{background:linear-gradient(135deg,#5865f2,#7289da);border-radius:20px;box-shadow:0 2px 8px #5865f24d;color:#fff;font-size:.85rem;font-weight:700;padding:5px 12px}.arresto-card-fecha{color:#b8c5db;font-size:.85rem}.arresto-card-body{display:flex;flex-direction:column;gap:8px}.arresto-card-info{color:#b8c5db;color:var(--text-secondary,#b8c5db);font-size:.95rem;line-height:1.5}.arresto-card-info strong{color:#e8edf7;color:var(--text-primary,#e8edf7);font-weight:700}.arresto-card-stats{border-top:1px solid #5865f233;display:flex;gap:20px;margin-top:10px;padding-top:10px}.arresto-card-multa,.arresto-card-tiempo{font-size:.9rem;font-weight:600}.arresto-card-tiempo{color:#f39c12}.arresto-card-multa{color:#2ecc71}.arresto-acciones-panel{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:40px;margin-top:40px}.arresto-accion-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #5865f233;border-radius:15px;box-shadow:0 8px 20px #0003;cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:25px 20px;position:relative;transition:all .3s ease}.arresto-accion-btn:before{background:linear-gradient(90deg,#0000,#5865f2,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .5s ease}.arresto-accion-btn:hover:before{transform:translateX(100%)}.arresto-accion-btn:hover{background:#242a3cf2;border-color:#5865f266;box-shadow:0 12px 35px #5865f240;transform:translateY(-8px)}.arresto-accion-btn svg{font-size:2.2rem;transition:all .3s ease}.arresto-accion-btn:hover svg{transform:scale(1.1)}.arresto-accion-btn span{color:#e8edf7;color:var(--text-primary,#e8edf7);font-size:1rem;font-weight:600;text-align:center}.arresto-btn-oficiales{color:#5865f2}.arresto-btn-criminales{color:#e74c3c}.arresto-btn-todos{color:#9b59b6}.arresto-btn-registro{color:#27ae60}.arresto-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.arresto-modal-content{animation:slideDown .3s ease;background:#1e2332fa;border:1px solid #5865f24d;border-radius:15px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:85vh;max-width:1100px;overflow:hidden;width:90%}.arresto-modal-header{align-items:center;background:linear-gradient(135deg,#5865f21a,#5865f20d);border-bottom:2px solid #5865f233;display:flex;justify-content:space-between;padding:25px 30px}.arresto-modal-header h2{color:#5865f2;font-family:Bebas Neue,Arial,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:1px;margin:0}.arresto-close-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;box-shadow:0 4px 10px #e74c3c4d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.arresto-close-btn:hover{background-color:#c0392b;box-shadow:0 6px 15px #e74c3c66;transform:rotate(90deg) scale(1.1)}.arresto-modal-body{background:#1e2332cc;flex-grow:1;overflow-y:auto;padding:30px}.arresto-search-container{align-items:center;background:#1e2332f2;border:1px solid #5865f233;border-radius:10px;box-shadow:0 4px 12px #0003;display:flex;gap:12px;margin-bottom:20px;padding:12px 15px}.arresto-search-container svg{color:#5865f2;font-size:1rem}.arresto-search-input{background:#0000;border:none;color:#e8edf7;color:var(--text-primary,#e8edf7);flex:1 1;font-size:.95rem;outline:none}.arresto-search-input::placeholder{color:#7a8099}.arresto-modal-table-container{background:#1e2332f2;border:1px solid #5865f233;border-radius:10px;overflow:auto}.arresto-table{border-collapse:collapse;min-width:800px;width:100%}.arresto-table thead{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.arresto-table th{font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.arresto-table tbody tr{border-bottom:1px solid #5865f21a;transition:background-color .2s ease}.arresto-table tbody tr:hover{background-color:#5865f21a}.arresto-table td{color:#e8edf7;color:var(--text-primary,#e8edf7);font-size:.9rem;padding:12px 15px}.arresto-top-row{background-color:#ffd70033;font-weight:600}.arresto-puesto{color:#5865f2;font-size:1rem;font-weight:700}.arresto-multa-cell{color:#2ecc71;font-weight:600}.arresto-form{background:#1e2332f2;border:1px solid #5865f233;border-radius:12px;gap:20px;padding:25px}.arresto-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.arresto-form label{color:#e8edf7;color:var(--text-primary,#e8edf7);font-size:.95rem;font-weight:600}.arresto-form input[type=file],.arresto-form input[type=text],.arresto-form select{background:#242a3ce6;border:2px solid #5865f233;border-radius:8px;color:#e8edf7;color:var(--text-primary,#e8edf7);font-size:.95rem;padding:12px 15px;transition:all .3s ease}.arresto-form input[type=text]::placeholder,.arresto-form select{color:#b8c5db}.arresto-form input[type=text]:focus,.arresto-form select:focus{background:#242a3cf2;border-color:#5865f2;box-shadow:0 0 0 3px #5865f233;outline:none}.arresto-resumen{background:linear-gradient(135deg,#27ae6026,#2ecc7126);border:2px solid #27ae604d;border-radius:10px;padding:20px}.arresto-resumen h3{color:#2ecc71;font-size:1.2rem;font-weight:700;margin:0 0 15px}.arresto-resumen p{color:#b8c5db;color:var(--text-secondary,#b8c5db);font-size:.95rem;margin:8px 0}.arresto-resumen strong{color:#e8edf7;color:var(--text-primary,#e8edf7);font-weight:700}.arresto-submit-btn{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:10px;box-shadow:0 6px 20px #27ae604d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;margin-top:10px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.arresto-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #27ae6066;transform:translateY(-2px)}.arresto-submit-btn:disabled{cursor:not-allowed;opacity:.6}.arresto-loading{align-items:center;color:#b8c5db;display:flex;flex-direction:column;justify-content:center;padding:50px 20px}.arresto-loading:before{animation:spin 1s linear infinite;border:3px solid #5865f24d;border-radius:50%;border-top-color:#5865f2;content:"";height:30px;width:30px}.arresto-loading p{font-size:.95rem;margin-top:15px}.arresto-empty{color:#7a8099;font-style:italic;padding:50px 20px;text-align:center}@media (max-width:1024px){.arresto-acciones-panel{grid-template-columns:repeat(2,1fr)}.arresto-modal-content{max-height:90vh}}@media (max-width:768px){.arresto-historial-titulo{font-size:1.5rem}.arresto-acciones-panel{grid-template-columns:1fr}.arresto-modal-content{max-height:95vh;width:95%}.arresto-table{font-size:.85rem;min-width:700px}.arresto-table td,.arresto-table th{padding:10px 8px}.arresto-modal-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.arresto-main{padding:25px 15px}}@media (max-width:480px){.arresto-historial-titulo{font-size:1.3rem;letter-spacing:1px}.arresto-accion-btn{padding:20px 15px}.arresto-accion-btn svg{font-size:2rem}.arresto-accion-btn span{font-size:.95rem}.arresto-modal-header h2{font-size:1.3rem}.arresto-form{padding:20px}.arresto-main{padding:20px 12px}}.arresto-foto{margin-top:10px}.arresto-foto img{border:1px solid #5865f233;border-radius:8px;box-shadow:0 4px 12px #0003;max-width:100%}.arresto-modal-body::-webkit-scrollbar{width:8px}.arresto-modal-body::-webkit-scrollbar-track{background:#5865f21a;border-radius:10px}.arresto-modal-body::-webkit-scrollbar-thumb{background:#5865f266;border-radius:10px}.arresto-modal-body::-webkit-scrollbar-thumb:hover{background:#5865f299}.multas-container{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative}.multas-container:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#5865f21a 0,#0000 70%);left:-50%;top:-50%}.multas-container:after,.multas-container:before{content:"";height:200%;pointer-events:none;position:fixed;width:200%;z-index:0}.multas-container:after{animation:float 25s ease-in-out infinite reverse;background:radial-gradient(circle,#5865f214 0,#0000 70%);bottom:-50%;right:-50%}.multas-main{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:1}.multas-content{position:relative;z-index:2}.section-title{animation:slideInDown .8s ease-out;color:#e8edf7;font-family:Bebas Neue,sans-serif;font-size:2.8rem;letter-spacing:2px;margin-bottom:3rem;text-align:center;text-shadow:0 2px 10px #5865f24d;text-transform:uppercase}.multas-form{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #5865f233;border-radius:20px;box-shadow:0 8px 32px #0000004d;padding:2.5rem}.multas-form-title{color:#e8edf7;font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:1.5px;margin-bottom:2rem;text-align:center}.multas-form-group{margin-bottom:2rem}.multas-label{color:#b8c5db;display:block;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem}.multas-input{background:#242a3ce6;border:2px solid #5865f233;border-radius:12px;color:#e8edf7;font-size:.95rem;outline:none;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.multas-input::placeholder{color:#6b7b94}.multas-input:focus{background:#242a3c;border-color:#5865f2;box-shadow:0 0 0 4px #5865f21a}.multas-search-wrapper{margin-bottom:1.5rem;position:relative}.multas-search-icon{color:#5865f2;font-size:1rem;left:1.25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.multas-search-input{background:#242a3ce6;border:2px solid #5865f233;border-radius:12px;color:#e8edf7;font-size:.95rem;outline:none;padding:1rem 1.25rem 1rem 3rem;transition:all .3s ease;width:100%}.multas-search-input::placeholder{color:#6b7b94}.multas-search-input:focus{background:#242a3c;border-color:#5865f2;box-shadow:0 0 0 4px #5865f21a}.multas-search-clear{align-items:center;background:#5865f233;border:none;border-radius:50%;color:#e8edf7;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s ease;width:28px}.multas-search-clear:hover{background:#5865f266;transform:translateY(-50%) scale(1.1)}.multas-articulos-container{background:#14192680;border:1px solid #5865f226;border-radius:12px;max-height:500px;overflow-y:auto;padding:1rem}.multas-articulos-container::-webkit-scrollbar{width:8px}.multas-articulos-container::-webkit-scrollbar-track{background:#14192680;border-radius:10px}.multas-articulos-container::-webkit-scrollbar-thumb{background:#5865f266;border-radius:10px}.multas-articulos-container::-webkit-scrollbar-thumb:hover{background:#5865f299}.multas-articulo-item{align-items:flex-start;background:#242a3c99;border:2px solid #5865f21a;border-radius:12px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.75rem;padding:1.25rem;transition:all .3s ease}.multas-articulo-item:hover{background:#242a3ce6;border-color:#5865f24d;box-shadow:0 4px 12px #5865f233;transform:translateY(-2px)}.multas-articulo-selected{background:#5865f233!important;border-color:#5865f2!important;box-shadow:0 4px 16px #5865f24d}.multas-articulo-checkbox{flex-shrink:0;margin-top:.25rem}.multas-checkbox{accent-color:#5865f2;cursor:pointer;height:20px;width:20px}.multas-articulo-content{flex:1 1}.multas-articulo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.multas-articulo-name{color:#5865f2;font-size:1rem;font-weight:700;letter-spacing:.5px}.multas-articulo-price{color:#4ade80;font-size:1.05rem;font-weight:700}.multas-articulo-desc{color:#b8c5db;font-size:.9rem;line-height:1.5;margin:0}.multas-no-results{color:#6b7b94;padding:3rem 1.5rem;text-align:center}.multas-no-results p{font-size:1rem;margin:0}.multas-summary{background:linear-gradient(135deg,#5865f226,#4ade8026);border:2px solid #5865f24d;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.multas-summary-row{align-items:center;color:#b8c5db;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.75rem}.multas-summary-row:last-child{margin-bottom:0}.multas-summary-total{border-top:2px solid #5865f233;font-size:1.1rem;font-weight:700;margin-top:.75rem;padding-top:1rem}.multas-summary-value{color:#4ade80;font-size:1.1rem;font-weight:700}.multas-alert{animation:fadeInUp .5s ease-out;border-radius:12px;font-size:.95rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.multas-alert-error{background:#ef444426;border:2px solid #ef444466;color:#fca5a5}.multas-alert-success{background:#4ade8026;border:2px solid #4ade8066;color:#86efac}.multas-submit-btn{background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:1.25rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.multas-submit-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.multas-submit-btn:hover:before{height:300px;width:300px}.multas-submit-btn:hover{box-shadow:0 8px 24px #5865f266;transform:translateY(-3px)}.multas-submit-btn:active{transform:translateY(-1px)}.multas-submit-btn:disabled{background:#5865f266;cursor:not-allowed;transform:none}.multas-submit-btn:disabled:hover{box-shadow:none}@media (max-width:1024px){.multas-main{padding:1.5rem}.section-title{font-size:2.4rem}.multas-form{padding:2rem}}@media (max-width:768px){.multas-main{padding:1rem}.section-title{font-size:2rem;margin-bottom:2rem}.multas-form{padding:1.5rem}.multas-form-title{font-size:1.6rem}.multas-articulos-container{max-height:400px}.multas-articulo-item{padding:1rem}.multas-summary{padding:1.25rem}.multas-submit-btn{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:480px){.section-title{font-size:1.6rem}.multas-form{padding:1.25rem}.multas-form-title{font-size:1.4rem}.multas-label{font-size:.9rem}.multas-input,.multas-search-input{font-size:.9rem;padding:.875rem 1rem}.multas-articulos-container{max-height:350px}.multas-articulo-item{gap:.75rem;padding:.875rem}.multas-articulo-name{font-size:.9rem}.multas-articulo-price{font-size:.95rem}.multas-articulo-desc{font-size:.85rem}}:root{--informes-accent:#5865f2;--informes-accent-strong:#4752c4;--informes-green:#4ade80;--informes-red:#ef4444;--informes-surface:#1e2332f2;--informes-surface-alt:#242a3ce6;--informes-border:#5865f233;--informes-text-primary:#e8edf7;--informes-text-secondary:#b8c5db;--informes-text-muted:#8b9bb4}.informes-form-page,.informes-shell{animation:informesGradient 15s ease infinite;background:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background-size:400% 400%;color:#e8edf7;color:var(--informes-text-primary);min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.informes-form-page:after,.informes-form-page:before,.informes-shell:after,.informes-shell:before{animation:informesFloat 20s ease-in-out infinite;background:radial-gradient(circle,#5865f21f 0,#0000 60%);content:"";filter:blur(2px);height:220%;pointer-events:none;position:fixed;width:220%;z-index:0}.informes-form-page:after,.informes-shell:after{animation-direction:reverse;animation-duration:24s;background:radial-gradient(circle,#5865f214 0,#0000 60%)}.informes-content-wrap,.informes-form-wrap{margin:0 auto;max-width:1400px;position:relative;z-index:1}.informes-hero{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1e2332f2;background:var(--informes-surface);border:1px solid #5865f233;border:1px solid var(--informes-border);border-radius:16px;box-shadow:0 8px 32px #00000059;margin-bottom:24px;overflow:hidden;padding:20px;position:relative}.informes-hero:after{background:linear-gradient(135deg,#5865f233,#5865f20d);content:"";inset:0;pointer-events:none;position:absolute}.informes-hero-content{grid-gap:16px;align-items:center;animation:informesFadeUp .6s ease;display:grid;gap:16px;grid-template-columns:1fr auto;position:relative}.informes-page-title,.informes-title{color:#e8edf7;color:var(--informes-text-primary);font-family:Bebas Neue,sans-serif;font-size:2.2rem;letter-spacing:1px;margin:0;text-shadow:0 2px 12px #5865f24d}.informes-back-btn{align-items:center;background:#5865f21f;border:1px solid #5865f233;border:1px solid var(--informes-border);border-radius:12px;color:#e8edf7;color:var(--informes-text-primary);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.informes-back-btn:hover{border-color:#5865f280;box-shadow:0 8px 24px #5865f24d;transform:translateY(-2px)}.informes-toolbar{align-items:center;animation:informesFadeUp .7s ease;display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;position:relative}.informes-search{align-items:center;background:#242a3ce6;background:var(--informes-surface-alt);border:1px solid #5865f233;border:1px solid var(--informes-border);border-radius:12px;box-shadow:0 8px 22px #0000004d;display:flex;flex:1 1;gap:8px;min-width:280px;padding:10px 12px}.informes-search input{background:#0000;border:none;color:#e8edf7;color:var(--informes-text-primary);flex:1 1;font-size:.95rem;outline:none}.informes-search input::placeholder{color:#8b9bb4;color:var(--informes-text-muted)}.informes-search button{background:linear-gradient(135deg,#5865f2,#4752c4);background:linear-gradient(135deg,var(--informes-accent),var(--informes-accent-strong));border:none;border-radius:10px;color:#fff;cursor:pointer;display:grid;height:38px;place-items:center;transition:transform .2s ease,box-shadow .2s ease;width:42px}.informes-search button:hover{box-shadow:0 10px 24px #5865f259;transform:translateY(-1px)}.informes-new-btn{align-items:center;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:12px;box-shadow:0 12px 28px #22c55e40;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;letter-spacing:.5px;padding:11px 16px;transition:transform .25s ease,box-shadow .25s ease}.informes-new-btn:hover{box-shadow:0 14px 32px #22c55e52;transform:translateY(-2px)}.informes-tabs{background:#242a3ccc;border:1px solid #5865f233;border:1px solid var(--informes-border);border-radius:14px;box-shadow:0 10px 24px #0000004d;display:inline-flex;gap:8px;margin-top:16px;padding:6px;position:relative}.informes-tab{background:#0000;border:none;border-radius:10px;color:#b8c5db;color:var(--informes-text-secondary);cursor:pointer;font-weight:700;letter-spacing:.3px;padding:10px 16px;transition:all .2s ease}.informes-tab:hover{background:#5865f21f;color:#e8edf7;color:var(--informes-text-primary)}.informes-tab.is-active{background:linear-gradient(135deg,#5865f2,#4752c4);background:linear-gradient(135deg,var(--informes-accent),var(--informes-accent-strong));box-shadow:0 10px 26px #5865f259;color:#fff}.informes-alert,.informes-empty,.informes-loading{background:#1e2332e6;border:1px solid #5865f233;border:1px solid var(--informes-border);border-radius:12px;box-shadow:0 6px 18px #00000047;color:#e8edf7;color:var(--informes-text-primary);font-weight:600;margin:18px 0;padding:14px 16px}.informes-alert-error{background:#ef44441f;border-color:#ef444466;color:#fca5a5}.informes-empty{color:#b8c5db;color:var(--informes-text-secondary);text-align:center}.informes-list{display:flex;flex-direction:column;gap:18px}.informes-card{background:#1e2332f2;background:var(--informes-surface);border:1px solid #5865f233;border:1px solid var(--informes-border);border-radius:16px;box-shadow:0 10px 28px #00000052;overflow:hidden;padding:18px 20px;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.informes-card:before{background:radial-gradient(circle at 18% 20%,#5865f22e,#0000 45%);content:"";inset:0;pointer-events:none;position:absolute}.informes-card:hover{border-color:#5865f259;box-shadow:0 16px 36px #00000061;transform:translateY(-4px)}.informes-card-header{align-items:flex-start;border-bottom:1px solid #5865f229;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.informes-card-title{color:#e8edf7;color:var(--informes-text-primary);font-size:1.1rem;font-weight:800;letter-spacing:.3px;margin:0}.informes-meta{color:#8b9bb4;color:var(--informes-text-muted);display:flex;flex-wrap:wrap;font-size:.9rem;gap:12px}.informes-card-body p{color:#b8c5db;color:var(--informes-text-secondary);line-height:1.6;margin:8px 0}.informes-card-body strong{color:#e8edf7;color:var(--informes-text-primary)}.informes-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.informes-attachment{align-items:center;background:#242a3cd9;border:1px solid #5865f233;border:1px solid var(--informes-border);border-radius:10px;color:#5865f2;color:var(--informes-accent);display:inline-flex;font-weight:700;gap:8px;padding:8px 12px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.informes-attachment:hover{background:#5865f224;box-shadow:0 10px 20px #5865f240;transform:translateY(-2px)}.informes-card-actions{border-top:1px solid #5865f229;display:flex;gap:10px;justify-content:flex-end;margin-top:14px;padding-top:12px}.informes-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;gap:6px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.informes-btn:hover{box-shadow:0 10px 22px #00000040;transform:translateY(-2px)}.informes-btn-edit{background:linear-gradient(135deg,#f59e0b,#d97706)}.informes-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626)}.informes-btn-pdf{background:linear-gradient(135deg,#5865f2,#4752c4);background:linear-gradient(135deg,var(--informes-accent),var(--informes-accent-strong))}.informes-form-page{padding:2.5rem 2rem}.informes-page-title{font-size:2rem;margin:10px 0 14px}.informes-subtitle{color:#b8c5db;color:var(--informes-text-secondary);font-size:.95rem;margin:0 0 14px}.informes-form{display:flex;flex-direction:column;gap:18px}.informes-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e2332f2;background:var(--informes-surface);border:1px solid #5865f233;border:1px solid var(--informes-border);border-radius:16px;box-shadow:0 10px 28px #00000052;padding:18px}.informes-section-title{border-bottom:1px solid #5865f22e;color:#e8edf7;color:var(--informes-text-primary);font-size:1.05rem;font-weight:800;margin:0 0 14px;padding-bottom:10px}.informes-field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.informes-label{font-weight:700}.informes-input,.informes-label,.informes-textarea{color:#e8edf7;color:var(--informes-text-primary);font-size:.95rem}.informes-input,.informes-textarea{background:#242a3ce6;background:var(--informes-surface-alt);border:2px solid #5865f22e;border-radius:12px;padding:12px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.informes-input::placeholder,.informes-textarea::placeholder{color:#8b9bb4;color:var(--informes-text-muted)}.informes-input:focus,.informes-textarea:focus{background:#242a3c;border-color:#5865f2;border-color:var(--informes-accent);box-shadow:0 0 0 4px #5865f22e;outline:none}.informes-input--readonly{background:#242a3cb3;color:#b8c5db;color:var(--informes-text-secondary);cursor:not-allowed}.informes-inline-group{display:flex;gap:10px}.informes-inline-group button{background:linear-gradient(135deg,#5865f2,#4752c4);background:linear-gradient(135deg,var(--informes-accent),var(--informes-accent-strong));border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:800;min-width:130px;padding:12px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.informes-inline-group button:hover{box-shadow:0 10px 24px #5865f259;transform:translateY(-2px)}.informes-inline-group button:disabled,.informes-primary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.informes-upload{align-items:center;background:#242a3cd9;border:2px dashed #5865f24d;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:800;gap:10px;padding:12px 14px;transition:border-color .25s ease,background .25s ease,transform .2s ease}.informes-upload:hover{background:#5865f21f;border-color:#5865f280;transform:translateY(-1px)}.informes-current-files,.informes-file-list{background:#1e2332e6;border:1px solid #5865f233;border:1px solid var(--informes-border);border-radius:12px;box-shadow:0 8px 20px #00000047;color:#b8c5db;color:var(--informes-text-secondary);margin-top:10px;padding:12px}.informes-current-files ul,.informes-file-list ul{margin:6px 0 0;padding-left:18px}.informes-file-row{align-items:center;border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px;transition:background-color .2s ease}.informes-file-row:hover{background:#5865f214}.informes-file-row a{color:#5865f2;color:var(--informes-accent);font-weight:700;text-decoration:none}.informes-file-row.is-marked{opacity:.6;text-decoration:line-through}.informes-delete-btn{background:#ef444429;border:1px solid #ef444473;border-radius:10px;color:#fca5a5;cursor:pointer;padding:6px 8px;transition:transform .2s ease,opacity .2s ease}.informes-delete-btn:hover{opacity:.95;transform:translateY(-1px)}.informes-field-error{color:#fca5a5;font-size:.9rem;font-weight:700}.informes-actions-row{display:flex;justify-content:flex-end;margin-top:10px}.informes-primary-btn{background:linear-gradient(135deg,#5865f2,#4752c4);background:linear-gradient(135deg,var(--informes-accent),var(--informes-accent-strong));border:none;border-radius:14px;box-shadow:0 12px 26px #5865f252;color:#fff;cursor:pointer;font-weight:900;letter-spacing:.4px;min-width:210px;padding:12px 18px;transition:transform .22s ease,box-shadow .22s ease}.informes-primary-btn:hover{box-shadow:0 14px 32px #5865f261;transform:translateY(-2px)}@keyframes informesGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes informesFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(32px,-28px) rotate(120deg)}66%{transform:translate(-24px,24px) rotate(240deg)}}@keyframes informesFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.informes-form-page,.informes-shell{padding:1.5rem}.informes-hero-content{grid-template-columns:1fr}}@media (max-width:768px){.informes-form-page,.informes-shell{padding:1.25rem}.informes-page-title,.informes-title{font-size:1.8rem}.informes-toolbar{align-items:stretch;flex-direction:column}.informes-search{width:100%}.informes-card-header,.informes-inline-group{flex-direction:column}.informes-actions-row{justify-content:stretch}.informes-primary-btn{width:100%}}@media (max-width:480px){.informes-form-page,.informes-shell{padding:1rem}.informes-page-title,.informes-title{font-size:1.5rem}.informes-back-btn,.informes-btn,.informes-new-btn,.informes-primary-btn,.informes-tab{font-size:.9rem}}.banco-container{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#1a1f2e,#252a3a 25%,#2d3544 50%,#1a1f2e 75%,#252a3a);background-size:400% 400%;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.banco-container:after,.banco-container:before{animation:float 20s ease-in-out infinite;border-radius:50%;content:"";height:400px;opacity:.08;pointer-events:none;position:fixed;width:400px}.banco-container:before{animation-delay:-5s;background:radial-gradient(circle,#5865f2,#0000);left:-200px;top:-200px}.banco-container:after{animation-delay:-10s;background:radial-gradient(circle,#7289da,#0000);bottom:-200px;right:-200px}.banco-main{animation:fadeInUp .8s ease-out;flex:1 1;margin:0 auto;max-width:1600px;padding:40px;position:relative;width:100%;z-index:1}.banco-balance-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.banco-balance-card{align-items:center;animation:fadeIn .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 30px #0000004d;display:flex;flex-direction:column;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.banco-balance-card:first-child{animation-delay:.1s}.banco-balance-card:nth-child(2){animation-delay:.2s}.banco-balance-card:before{background:linear-gradient(90deg,#0000,#5865f2,#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.banco-balance-card:hover:before{opacity:1}.banco-balance-card:hover{border-color:#5865f24d;box-shadow:0 12px 40px #0006;transform:translateY(-5px)}.banco-balance-card.cash:before{background:linear-gradient(90deg,#0000,#4ade80,#0000)}.banco-balance-card.bank:before{background:linear-gradient(90deg,#0000,#5865f2,#0000)}.banco-balance-card svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:2.5rem;margin-bottom:15px}.banco-balance-card.cash svg{color:#4ade80}.banco-balance-card.bank svg{color:#5865f2}.banco-balance-card h3{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.banco-balance-amount{color:var(--text-primary);font-family:Courier New,monospace;font-size:2rem;font-weight:700;letter-spacing:-.5px}.banco-tabs{border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:35px;padding-bottom:15px}.banco-tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.banco-tab-btn:hover{color:#5865f2}.banco-tab-btn.active{border-bottom-color:#5865f2;color:#5865f2}.banco-tab-btn svg{font-size:1.1rem}.banco-operation-container{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 30px #0000004d;margin-bottom:30px;padding:35px;transition:all .3s ease}.banco-operation-container:hover{border-color:#5865f24d;box-shadow:0 12px 40px #0006;transform:translateY(-5px)}.banco-operation-container h2{align-items:center;color:var(--text-primary);display:flex;font-family:Bebas Neue,Arial,sans-serif;font-size:1.8rem;gap:12px;letter-spacing:2px;margin:0 0 25px}.banco-operation-form{display:flex;flex-direction:column;gap:24px}.banco-form-group{display:flex;flex-direction:column;gap:10px}.banco-form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.banco-form-group small{color:var(--text-muted);font-size:.85rem;line-height:1.4}.banco-input-group{align-items:center;background:#2d324699;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:10px;padding:0 18px;transition:all .3s ease}.banco-input-group:focus-within{background:#323750cc;border-color:#5865f280;box-shadow:0 0 20px #5865f226}.banco-input-group span,.banco-input-group svg{color:#5865f2;flex-shrink:0;font-size:1rem;font-weight:600}.banco-form-group input[type=text],.banco-input-group input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:1rem;outline:none;padding:15px 0;width:100%}.banco-form-group input[type=text]:not(.banco-input-group input){background:#2d324699;border:1px solid #ffffff1a;border-radius:12px;padding:15px 18px;transition:all .3s ease}.banco-form-group input[type=text]:not(.banco-input-group input):focus{background:#323750cc;border-color:#5865f280;box-shadow:0 0 20px #5865f226;outline:none}.banco-input-group input::placeholder{color:var(--text-muted)}.banco-quick-amounts{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:10px}.banco-quick-amounts button{background:#5865f21a;border:1px solid #5865f24d;border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.3px;padding:10px 15px;text-transform:uppercase;transition:all .3s ease}.banco-quick-amounts button:hover{background:#5865f233;border-color:#5865f280;color:#5865f2;transform:translateY(-2px)}.banco-action-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 8px 20px #0000004d;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;min-height:50px;overflow:hidden;padding:15px 30px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.banco-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.banco-action-btn:hover:before{left:100%}.banco-action-btn:hover{transform:translateY(-4px)}.banco-action-btn.deposit{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.banco-action-btn.deposit:hover{box-shadow:0 12px 30px #4ade8066}.banco-action-btn.withdraw{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.banco-action-btn.withdraw:hover{box-shadow:0 12px 30px #f8717166}.banco-action-btn.transfer{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff}.banco-action-btn.transfer:hover{box-shadow:0 12px 30px #5865f266}.banco-transfer-success{align-items:center;animation:slideInDown .5s ease-out;background:#4ade8026;border:1px solid #4ade8066;border-radius:12px;color:#86efac;display:flex;font-weight:600;gap:10px;margin-bottom:20px;padding:18px 20px}.banco-history-filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.banco-filter-group{align-items:center;background:#2d324699;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex:1 1;gap:12px;min-width:250px;padding:0 18px;transition:all .3s ease}.banco-filter-group:focus-within{background:#323750cc;border-color:#5865f280}.banco-filter-group svg{color:#5865f2;font-size:1.1rem}.banco-filter-select{background:#0000;border:none;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.95rem;outline:none;padding:15px 0}.banco-filter-select option{background:#1a1f2e;color:var(--text-primary)}.banco-refresh-btn{background:#5865f21a;border:1px solid #5865f24d;border-radius:12px;color:#5865f2;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.banco-refresh-btn:hover{background:#5865f233;border-color:#5865f280;transform:translateY(-2px)}.banco-history-list{display:flex;flex-direction:column;gap:15px}.banco-history-item{align-items:flex-start;animation:fadeIn .4s ease-out;background:#1e2332f2;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.banco-history-item:hover{background:#2d3246cc;border-color:#5865f24d;box-shadow:0 5px 20px #0000004d;transform:translateX(5px)}.banco-history-item.sent{border-left:4px solid #f87171}.banco-history-item.received{border-left:4px solid #4ade80}.banco-history-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.3rem;height:50px;justify-content:center;width:50px}.banco-history-item.sent .banco-history-icon{background:#f8717126}.banco-icon-sent{color:#f87171}.banco-history-item.received .banco-history-icon{background:#4ade8026}.banco-icon-received{color:#4ade80}.banco-history-details{flex:1 1;min-width:0}.banco-history-main{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:10px}.banco-history-action{color:var(--text-secondary);font-size:.95rem;font-weight:500}.banco-history-action strong{color:var(--text-primary);font-weight:600}.banco-history-amount{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.banco-history-amount.sent{color:#f87171}.banco-history-amount.received{color:#4ade80}.banco-history-meta{display:flex;flex-wrap:wrap;font-size:.85rem;gap:15px}.banco-history-roblox{font-weight:600}.banco-history-date,.banco-history-roblox{color:var(--text-muted)}.banco-history-status{border-radius:6px;font-weight:600;padding:4px 12px;text-transform:capitalize}.banco-history-status.completada{background:#4ade8026;color:#86efac}.banco-history-status.fallida{background:#f8717126;color:#fca5a5}.banco-history-status.pendiente{background:#fbbf2426;color:#fcd34d}.banco-loading-historial{align-items:center;display:flex;flex-direction:column;gap:15px;margin:40px 0}.banco-loading-historial:before{animation:spin 1s linear infinite;border:4px solid #5865f233;border-radius:50%;border-top-color:#5865f2;content:"";height:50px;width:50px}.banco-loading-historial p{color:var(--text-secondary);font-size:1rem;font-weight:500}.banco-no-history{align-items:center;background:#1e2332f2;border:2px dashed #ffffff1a;border-radius:18px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:50px 30px;text-align:center}.banco-no-history svg{color:#5865f2;font-size:4rem;margin-bottom:20px;opacity:.5}.banco-no-history p{color:var(--text-secondary);font-size:1.2rem;font-weight:500;margin-bottom:10px}.banco-no-history small{color:var(--text-muted);font-size:.95rem}@media (max-width:1024px){.banco-main{padding:30px 25px}.banco-balance-cards{grid-template-columns:1fr}.banco-operation-container{padding:30px 25px}}@media (max-width:768px){.banco-main,.banco-operation-container{padding:25px 20px}.banco-tabs{gap:10px}.banco-tab-btn{font-size:.85rem;padding:10px 18px}.banco-quick-amounts{grid-template-columns:repeat(2,1fr)}.banco-history-main{align-items:flex-start;flex-direction:column}.banco-filter-group{min-width:100%}}@media (max-width:480px){.banco-main,.banco-operation-container{padding:20px 15px}.banco-balance-amount{font-size:1.6rem}.banco-tabs{flex-direction:column;gap:8px}.banco-tab-btn{justify-content:center;padding:10px 15px;width:100%}.banco-action-btn{width:100%}.banco-history-item{flex-direction:column}.banco-history-icon{font-size:1.1rem;height:45px;width:45px}}.turnos-container{color:#e8edf7;color:var(--text-primary,#e8edf7);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.turnos-header{align-items:center;animation:slideDown .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332eb;background:var(--surface,#1e2332eb);border:1px solid #ffffff14;border:1px solid var(--surface-border,#ffffff14);border-radius:20px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow,0 18px 40px #00000059);display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 30px}.turnos-header-content{align-items:center;display:flex;flex:1 1;gap:15px;justify-content:center}.turnos-header-logo{border:2px solid #3498db;border-radius:50%;height:50px;object-fit:cover;width:50px}.turnos-header h1{color:#e8edf7;color:var(--text-primary,#e8edf7);font-family:Bebas Neue,Arial,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:1px;margin:0}.turnos-back-button{align-items:center;background:#3498db;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.turnos-back-button:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.turnos-user-info{background:#3498db;border-radius:20px;color:#fff;font-size:.95rem;font-weight:600;padding:8px 16px}.turnos-vista-selector{background:#1e2332eb;background:var(--surface,#1e2332eb);border-radius:15px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow,0 18px 40px #00000059);gap:10px;margin-bottom:20px;padding:15px}.turnos-vista-selector,.turnos-vista-selector button{border:1px solid #ffffff14;border:1px solid var(--surface-border,#ffffff14);color:#e8edf7;color:var(--text-primary,#e8edf7);display:flex}.turnos-vista-selector button{align-items:center;background:#242a3ce6;background:var(--surface-alt,#242a3ce6);border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.turnos-vista-selector button:hover{background:#5865f21f;border-color:#3498db;color:#3498db;transform:translateY(-2px)}.turnos-vista-selector button.active{background:#3498db;border-color:#3498db;box-shadow:0 4px 12px #3498db4d;color:#fff}.turnos-vista-selector button svg{font-size:1.2rem}.turnos-content{animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332eb;background:var(--surface,#1e2332eb);border:1px solid #ffffff14;border:1px solid var(--surface-border,#ffffff14);border-radius:20px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow,0 18px 40px #00000059);padding:30px}.turnos-content h2{align-items:center;border-bottom:2px solid #3498db1a;color:#e8edf7;color:var(--text-primary,#e8edf7);display:flex;font-size:1.6rem;font-weight:700;gap:10px;margin-bottom:20px;padding-bottom:15px}.turnos-content h2 svg{color:#3498db;font-size:1.8rem}.turnos-servicios-activos-section{margin-bottom:30px}.turnos-servicios-activos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.turnos-servicio-activo-card{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#e74c3cf2,#c0392bf2);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 16px #0000001a;color:#fff;padding:20px;transition:all .3s ease}.turnos-servicio-activo-card:hover{box-shadow:0 8px 24px #e74c3c66;transform:translateY(-5px)}.turnos-servicio-header-card{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.turnos-servicio-header-card h3{font-size:1.3rem;font-weight:700;margin:0}.turnos-badge-activo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-radius:15px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.turnos-servicio-info{font-size:.95rem;line-height:1.7;margin:15px 0}.turnos-servicio-info p{align-items:center;display:flex;margin:8px 0}.turnos-servicio-info strong{font-weight:600;margin-right:6px}.turnos-btn-finalizar{align-items:center;background:#242a3ce6;background:var(--surface-alt,#242a3ce6);border:none;border-radius:10px;color:#e74c3c;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-top:15px;padding:10px 20px;transition:all .3s ease;width:100%}.turnos-btn-finalizar:hover:not(:disabled){background:#e74c3c14;box-shadow:0 2px 8px #00000026;transform:scale(1.02)}.turnos-btn-finalizar:disabled{cursor:not-allowed;opacity:.6;transform:none}.turnos-iniciar-servicio-section{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;padding:25px}.turnos-iniciar-servicio-section h2{border-bottom:none;padding-bottom:0}.turnos-form-iniciar-servicio{margin:20px auto 0;max-width:600px}.turnos-form-group{margin-bottom:20px}.turnos-form-group label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.turnos-form-group select,.turnos-form-group textarea{background:#ffffff0a;border:2px solid #e2e8f0;border-radius:10px;color:#2c3e50;font-family:inherit;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.turnos-form-group select:focus,.turnos-form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.turnos-form-group textarea{min-height:80px;resize:vertical}.turnos-form-group select option{padding:10px}.turnos-btn-iniciar{align-items:center;background:#27ae60;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:14px 28px;transition:all .3s ease;width:100%}.turnos-btn-iniciar:hover:not(:disabled){background:#229954;box-shadow:0 4px 16px #27ae604d;transform:translateY(-2px)}.turnos-btn-iniciar:disabled{cursor:not-allowed;opacity:.6;transform:none}.turnos-historial-table{border-radius:15px;box-shadow:0 2px 8px #0000000d;margin-top:20px;overflow-x:auto}.turnos-historial-table table{background:#1e2332eb;background:var(--surface,#1e2332eb);border-collapse:collapse;border-radius:15px;overflow:hidden;width:100%}.turnos-historial-table th{background:#3498db;color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.turnos-historial-table td{border-bottom:1px solid #e2e8f0;color:#2c3e50;font-size:.9rem;padding:12px 15px}.turnos-historial-table tbody tr:last-child td{border-bottom:none}.turnos-historial-table tbody tr{transition:background-color .2s ease}.turnos-historial-table tbody tr:hover{background:#ffffff0a}.turnos-badge-inactivo{background:#95a5a6;border-radius:15px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.turnos-estadisticas-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.turnos-stat-card{animation:slideUp .5s ease-out;background:#3498db;border-radius:15px;box-shadow:0 4px 16px #0000001a;color:#fff;padding:25px;text-align:center;transition:all .3s ease}.turnos-stat-card:hover{box-shadow:0 8px 24px #3498db66;transform:translateY(-5px)}.turnos-stat-card h3{font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0 0 15px;opacity:.95;text-transform:uppercase}.turnos-stat-value{font-size:2.5rem;font-weight:700;line-height:1;margin:10px 0}.turnos-stat-subtext{font-size:.9rem;margin-top:8px;opacity:.85}.turnos-stat-card.full-width{background:#16a085;grid-column:1/-1}.turnos-trabajo-stats{display:flex;flex-direction:column;gap:12px;margin-top:15px;text-align:left}.turnos-trabajo-stat-item{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.turnos-trabajo-stat-item strong{font-size:1rem;font-weight:600}.turnos-trabajo-stat-item span{font-size:.9rem;opacity:.95}.turnos-no-data{color:#718096;font-size:1.1rem;font-weight:500;padding:40px 20px;text-align:center}.turnos-no-trabajos{background:#fc818114;border:2px dashed #fc818199;border-radius:12px;color:#c53030;margin:20px 0;padding:30px 20px;text-align:center}.turnos-no-trabajos p{font-weight:600;margin:10px 0}.turnos-help-text{font-size:.95rem;font-weight:400;margin-top:10px;opacity:.8}.turnos-loading-message{color:#2c3e50;font-size:1.3rem;font-weight:600;padding:60px 20px;text-align:center}.turnos-error-message{animation:slideDown .3s ease-out;background:#fc818114;border:2px solid #fc818199;border-radius:12px;color:#c53030;font-weight:600;margin-bottom:20px;padding:20px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.turnos-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.turnos-modal{animation:slideUp .3s ease-out;background:#1e2332eb;background:var(--surface,#1e2332eb);border:1px solid #ffffff14;border:1px solid var(--surface-border,#ffffff14);border-radius:16px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow,0 18px 40px #00000059);color:#e8edf7;color:var(--text-primary,#e8edf7);display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:90%}.turnos-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 25px}.turnos-modal-header h3{flex:1 1;font-size:1.6rem;font-weight:700;margin:0}.turnos-modal-header.success h3{color:#27ae60}.turnos-modal-header.error h3{color:#e74c3c}.turnos-modal-header.confirm h3{color:#f39c12}.turnos-modal-header.info h3{color:#3498db}.turnos-modal-icon{font-size:1.6rem;margin-right:12px;opacity:.9}.turnos-modal-close{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.turnos-modal-close:hover{background-color:#c0392b;transform:scale(1.1)}.turnos-modal-body{background:#ffffff05;flex-grow:1;max-height:calc(85vh - 140px);overflow-y:auto;padding:25px}.turnos-modal-body p{color:#c2ccda;color:var(--text-secondary,#c2ccda);font-size:1rem;line-height:1.6;margin:0}.turnos-modal-footer{background:#1e2332eb;background:var(--surface,#1e2332eb);border-top:1px solid #ffffff14;border-top:1px solid var(--surface-border,#ffffff14);display:flex;gap:12px;justify-content:flex-end;padding:20px 25px}.turnos-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 28px;transition:all .2s ease}.turnos-modal-btn-ok{background:#3498db;color:#fff}.turnos-modal-btn-ok:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.turnos-modal-btn-confirm{background:#27ae60;color:#fff}.turnos-modal-btn-confirm:hover{background:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.turnos-modal-btn-cancel{background:#95a5a6;color:#fff}.turnos-modal-btn-cancel:hover{background:#7f8c8d;box-shadow:0 4px 12px #95a5a64d;transform:translateY(-2px)}@media (max-width:768px){.turnos-container{padding:15px}.turnos-header{flex-direction:column;gap:15px;padding:20px}.turnos-header-content{flex-direction:column;text-align:center}.turnos-header h1{font-size:1.5rem}.turnos-vista-selector{flex-direction:column}.turnos-vista-selector button{width:100%}.turnos-content{padding:20px}.turnos-estadisticas-grid,.turnos-servicios-activos-grid{grid-template-columns:1fr}.turnos-historial-table{font-size:.85rem}.turnos-historial-table td,.turnos-historial-table th{padding:10px 8px}.turnos-form-iniciar-servicio{padding:0}.turnos-modal{max-width:100%;width:95%}.turnos-modal-header{padding:18px 20px}.turnos-modal-header h3{font-size:1.3rem}.turnos-modal-body{padding:20px}.turnos-modal-footer{flex-direction:column;gap:8px}.turnos-modal-btn{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.turnos-header h1{font-size:1.3rem}.turnos-back-button{font-size:.9rem;padding:8px 16px}.turnos-content h2{font-size:1.3rem}.turnos-stat-value{font-size:2rem}.turnos-content,.turnos-servicio-activo-card{padding:15px}.turnos-iniciar-servicio-section{padding:20px}.turnos-historial-table td,.turnos-historial-table th{font-size:.8rem;padding:8px 6px}}.turnos-section{margin-bottom:30px}.turnos-section h2{align-items:center;border-bottom:2px solid #3498db1a;color:#000;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin-bottom:20px;padding-bottom:15px}.turnos-section h2 svg{color:#e74c3c;font-size:1.6rem}.turnos-admin-servicios-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.turnos-admin-servicio-card{background:#1e2332eb;background:var(--surface,#1e2332eb);border:1px solid #ffffff14;border:1px solid var(--surface-border,#ffffff14);border-radius:15px;box-shadow:0 18px 40px #00000059;box-shadow:var(--surface-shadow,0 18px 40px #00000059);padding:20px;transition:all .3s ease}.turnos-admin-servicio-card:hover{border-color:#3498db;box-shadow:0 4px 16px #0000001a}.turnos-admin-card-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.turnos-admin-card-header h3{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0}.turnos-admin-usuario{background:#3498db;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.turnos-admin-card-body{font-size:.95rem;line-height:1.8;margin:15px 0}.turnos-admin-card-body p{color:#555;margin:8px 0}.turnos-admin-card-body strong{color:#2c3e50;font-weight:600}.turnos-admin-card-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:15px}.turnos-btn-admin-delete,.turnos-btn-admin-edit,.turnos-btn-admin-finish{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s ease}.turnos-btn-admin-edit{background:#3498db;color:#fff}.turnos-btn-admin-edit:hover:not(:disabled){background:#2980b9;box-shadow:0 2px 8px #3498db4d;transform:translateY(-2px)}.turnos-btn-admin-finish{background:#f39c12;color:#fff}.turnos-btn-admin-finish:hover:not(:disabled){background:#e67e22;box-shadow:0 2px 8px #f39c124d;transform:translateY(-2px)}.turnos-btn-admin-delete{background:#e74c3c;color:#fff}.turnos-btn-admin-delete:hover:not(:disabled){background:#c0392b;box-shadow:0 2px 8px #e74c3c4d;transform:translateY(-2px)}.turnos-btn-admin-delete:disabled,.turnos-btn-admin-edit:disabled,.turnos-btn-admin-finish:disabled{cursor:not-allowed;opacity:.6;transform:none}.turnos-admin-edit-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.turnos-admin-edit-form .turnos-form-group{margin-bottom:15px}.turnos-admin-edit-form label{color:#2c3e50;display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.turnos-admin-edit-form input,.turnos-admin-edit-form textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.95rem;padding:10px;transition:all .2s ease;width:100%}.turnos-admin-edit-form input:focus,.turnos-admin-edit-form textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.turnos-input-disabled{background:#ecf0f1!important;color:#95a5a6!important;cursor:not-allowed!important}.turnos-admin-edit-form textarea{min-height:60px;resize:vertical}.turnos-admin-edit-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:15px}.turnos-btn-admin-cancel,.turnos-btn-admin-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.turnos-btn-admin-save{background:#27ae60;color:#fff}.turnos-btn-admin-save:hover:not(:disabled){background:#229954;box-shadow:0 2px 8px #27ae604d;transform:translateY(-2px)}.turnos-btn-admin-cancel{background:#95a5a6;color:#fff}.turnos-btn-admin-cancel:hover:not(:disabled){background:#7f8c8d;box-shadow:0 2px 8px #95a5a64d;transform:translateY(-2px)}.turnos-btn-admin-cancel:disabled,.turnos-btn-admin-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.ilegal-container{--faccion-color:red;--faccion-color-light:#ff00001a;--faccion-color-medium:#ff00004d;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);min-height:100vh;padding:20px}.ilegal-loading-screen{align-items:center;color:#fff;display:flex;flex-direction:column;height:80vh;justify-content:center}.ilegal-loading-spinner{animation:ilegal-spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top:4px solid var(--faccion-color);height:50px;margin-bottom:20px;width:50px}@keyframes ilegal-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ilegal-no-faccion{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin:100px auto;max-width:600px;padding:60px 40px;text-align:center}.ilegal-warning-icon{color:#f39c12;font-size:4rem;margin-bottom:20px}.ilegal-no-faccion h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:15px}.ilegal-no-faccion p{color:#bbb;font-size:1.1rem;margin-bottom:15px}.ilegal-back-btn{align-items:center;background:var(--faccion-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;margin-top:20px;padding:12px 30px;transition:all .3s ease}.ilegal-back-btn:hover{box-shadow:0 10px 25px #0000004d;transform:translateY(-2px)}.ilegal-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:30px;overflow:hidden;padding:30px;position:relative}.ilegal-header:before{background:linear-gradient(90deg,var(--faccion-color),#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0}.ilegal-back-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;gap:8px;margin-bottom:20px;padding:10px 20px;transition:all .3s ease}.ilegal-back-button:hover{background:#ffffff1a;transform:translateX(-5px)}.ilegal-header-content{align-items:center;display:flex;gap:25px}.ilegal-logo{border:3px solid var(--faccion-color);border-radius:15px;box-shadow:0 0 20px var(--faccion-color-medium);height:100px;object-fit:cover;width:100px}.ilegal-header-info h1{color:#fff;font-family:Bebas Neue,Arial,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin:0 0 10px}.ilegal-subtitle{align-items:center;color:var(--faccion-color);display:flex;font-size:1.1rem;font-weight:600;gap:10px}.ilegal-main{margin:0 auto;max-width:1400px}.ilegal-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ilegal-info-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:15px;display:flex;gap:20px;padding:25px;transition:all .3s ease}.ilegal-info-card:hover{border-color:var(--faccion-color-medium);box-shadow:0 15px 35px #0000004d;transform:translateY(-5px)}.ilegal-info-icon{align-items:center;background:var(--faccion-color-light);border-radius:12px;color:var(--faccion-color);display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.ilegal-info-content{display:flex;flex-direction:column;gap:5px}.ilegal-info-label{color:#999;font-size:.9rem;font-weight:500}.ilegal-info-value{color:#fff;font-size:1.4rem;font-weight:700}.ilegal-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;padding:30px}.ilegal-section-header{align-items:center;border-bottom:2px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.ilegal-section-header h2{font-size:1.8rem;font-weight:700;gap:12px;margin:0}.ilegal-add-btn,.ilegal-section-header h2{align-items:center;color:#fff;display:flex}.ilegal-add-btn{background:var(--faccion-color);border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.ilegal-add-btn:hover{box-shadow:0 8px 20px var(--faccion-color-medium);transform:translateY(-2px)}.ilegal-members-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ilegal-member-card{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:15px;display:flex;gap:15px;padding:20px;position:relative;transition:all .3s ease}.ilegal-member-card:hover{background:#ffffff0d;border-color:var(--faccion-color-medium);transform:translateY(-3px)}.ilegal-member-avatar{border:2px solid var(--faccion-color);border-radius:50%;flex-shrink:0;height:60px;object-fit:cover;width:60px}.ilegal-member-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.ilegal-member-info h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0}.ilegal-lider-icon{color:#f39c12;font-size:.9rem}.ilegal-member-rango{color:var(--faccion-color);font-size:.9rem;font-weight:600}.ilegal-member-fecha{color:#999;font-size:.85rem}.ilegal-remove-btn{align-items:center;background:#e74c3c33;border:1px solid #e74c3c4d;border-radius:50%;color:#e74c3c;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.ilegal-remove-btn:hover:not(:disabled){background:#e74c3c4d;transform:scale(1.1)}.ilegal-remove-btn:disabled{cursor:not-allowed;opacity:.5}.ilegal-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ilegal-modal{background:#2d2d2d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:500px;width:90%}.ilegal-modal-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:25px 30px}.ilegal-modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.ilegal-modal-close{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;transition:all .3s ease;width:40px}.ilegal-modal-close:hover{background:#e74c3c33;color:#e74c3c}.ilegal-modal-body{padding:30px}.ilegal-input-label{color:#fff;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:10px}.ilegal-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:1rem;padding:12px 15px;transition:all .3s ease}.ilegal-input:focus{border-color:var(--faccion-color);box-shadow:0 0 0 3px var(--faccion-color-light);outline:none}.ilegal-input-hint{color:#999;font-size:.85rem;margin-top:8px}.ilegal-modal-footer{border-top:1px solid #ffffff0d;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.ilegal-modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.ilegal-modal-btn-cancel{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.ilegal-modal-btn-cancel:hover{background:#ffffff1a}.ilegal-modal-btn-confirm{background:var(--faccion-color);color:#fff}.ilegal-modal-btn-confirm:hover:not(:disabled){box-shadow:0 8px 20px var(--faccion-color-medium);transform:translateY(-2px)}.ilegal-modal-btn:disabled{cursor:not-allowed;opacity:.5}.ilegal-spinner-small{animation:ilegal-spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.ilegal-container{padding:15px}.ilegal-header{padding:20px}.ilegal-header-content{flex-direction:column;text-align:center}.ilegal-logo{height:80px;width:80px}.ilegal-header-info h1{font-size:2rem}.ilegal-info-grid{grid-template-columns:1fr}.ilegal-section{padding:20px}.ilegal-section-header{align-items:flex-start;flex-direction:column;gap:15px}.ilegal-add-btn{justify-content:center;width:100%}.ilegal-members-grid{grid-template-columns:1fr}.ilegal-modal{width:95%}}.ilegal-add-btn-disabled,.ilegal-add-btn:disabled{cursor:not-allowed;opacity:.5}.ilegal-add-btn:disabled:hover{box-shadow:none;transform:none}.ilegal-warning-banner{align-items:center;background:#f39c121a;border:1px solid #f39c124d;border-radius:10px;color:#f39c12;display:flex;font-weight:600;gap:12px;margin-bottom:20px;padding:15px 20px}.ilegal-warning-banner svg{flex-shrink:0;font-size:1.2rem}.ilegal-limit-banner{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:10px;color:#e74c3c;display:flex;font-weight:600;gap:12px;margin-bottom:20px;padding:15px 20px}.ilegal-limit-banner svg{flex-shrink:0;font-size:1.2rem}.ilegal-info-card-money{background:linear-gradient(135deg,#27ae601a,#2ecc710d);border-color:#27ae604d}.ilegal-info-card-money .ilegal-info-icon{background:#27ae6033;color:#27ae60}.ilegal-money-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ilegal-money-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;display:flex;gap:20px;padding:25px;transition:all .3s ease}.ilegal-money-btn:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-3px)}.ilegal-money-btn svg{flex-shrink:0;font-size:2.5rem}.ilegal-money-btn-consignar{border-color:#27ae604d}.ilegal-money-btn-consignar:hover{background:#27ae601a;border-color:#27ae6080}.ilegal-money-btn-consignar svg{color:#27ae60}.ilegal-money-btn-retirar{border-color:#3498db4d}.ilegal-money-btn-retirar:hover{background:#3498db1a;border-color:#3498db80}.ilegal-money-btn-retirar svg{color:#3498db}.ilegal-money-btn-content{display:flex;flex-direction:column;gap:5px;text-align:left}.ilegal-money-btn-title{color:#fff;font-size:1.3rem;font-weight:700}.ilegal-money-btn-desc{color:#999;font-size:.9rem}.ilegal-history-btn{align-items:center;background:#3498db33;border:1px solid #3498db4d;border-radius:10px;color:#3498db;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.ilegal-history-btn:hover{background:#3498db4d;transform:translateY(-2px)}.ilegal-balance-display{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;display:flex;justify-content:space-between;margin-top:15px;padding:15px}.ilegal-balance-label{color:#999;font-size:.9rem}.ilegal-balance-value{color:#27ae60;font-size:1.3rem;font-weight:700}.ilegal-modal-large{max-width:700px}.ilegal-modal-large .ilegal-modal-body{max-height:500px;overflow-y:auto}.ilegal-transacciones-list{display:flex;flex-direction:column;gap:12px}.ilegal-transaccion-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.ilegal-transaccion-item:hover{background:#ffffff0d}.ilegal-transaccion-consignar{border-left:3px solid #27ae60}.ilegal-transaccion-retirar{border-left:3px solid #3498db}.ilegal-transaccion-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:45px;justify-content:center;width:45px}.ilegal-transaccion-consignar .ilegal-transaccion-icon{background:#27ae6033;color:#27ae60}.ilegal-transaccion-retirar .ilegal-transaccion-icon{background:#3498db33;color:#3498db}.ilegal-transaccion-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.ilegal-transaccion-header{align-items:center;display:flex;justify-content:space-between}.ilegal-transaccion-user{color:#fff;font-size:1rem;font-weight:600}.ilegal-transaccion-monto{font-size:1.2rem;font-weight:700}.ilegal-transaccion-monto-consignar{color:#27ae60}.ilegal-transaccion-monto-retirar{color:#3498db}.ilegal-transaccion-details{color:#999;display:flex;font-size:.85rem;gap:15px}.ilegal-transaccion-tipo{font-weight:600}.ilegal-transaccion-balance{color:#666;font-family:Courier New,monospace;font-size:.8rem}.ilegal-empty-state{color:#999;padding:60px 20px;text-align:center}.ilegal-empty-icon{font-size:4rem;margin-bottom:20px;opacity:.3}.ilegal-empty-state p{font-size:1.1rem}.ilegal-modal-large .ilegal-modal-body::-webkit-scrollbar{width:8px}.ilegal-modal-large .ilegal-modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.ilegal-modal-large .ilegal-modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.ilegal-modal-large .ilegal-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.ilegal-items-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.ilegal-item-card{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.ilegal-item-card:hover{background:#ffffff0d;border-color:var(--faccion-color-medium);transform:translateY(-3px)}.ilegal-item-info{text-align:center;width:100%}.ilegal-item-info h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 8px}.ilegal-item-cantidad{color:#999;font-size:.9rem;margin:0}.ilegal-item-cantidad span{color:var(--faccion-color);font-size:1.1rem;font-weight:700}.ilegal-money-btn-depositar{border-color:#3498db4d}.ilegal-money-btn-depositar:hover{background:#3498db1a;border-color:#3498db80}.ilegal-money-btn-depositar svg{color:#3498db}.ilegal-money-btn-items{border-color:#9b59b64d}.ilegal-money-btn-items:hover{background:#9b59b61a;border-color:#9b59b680}.ilegal-money-btn-items svg{color:#9b59b6}.ilegal-input,.ilegal-input select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:1rem;padding:12px 15px;transition:all .3s ease}select.ilegal-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:40px}select.ilegal-input option{background:#2d2d2d;color:#fff;font-size:.95rem;padding:10px}select.ilegal-input option:checked,select.ilegal-input option:hover{background:#3d3d3d;color:var(--faccion-color)}select.ilegal-input option:disabled{color:#666}.ilegal-input:focus,select.ilegal-input:focus{background:#ffffff14;border-color:var(--faccion-color);box-shadow:0 0 0 3px var(--faccion-color-light);outline:none}.ilegal-input::placeholder{color:#666}.ilegal-input[type=number]::-webkit-inner-spin-button,.ilegal-input[type=number]::-webkit-outer-spin-button{height:30px;opacity:1}.ilegal-item-icon{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.ilegal-item-icon span{font-size:2rem;line-height:1}.ilegal-info-card-territorio{background:linear-gradient(135deg,#e67e221a,#d354001a);border-color:#e67e224d}.ilegal-info-card-territorio .ilegal-info-icon,.ilegal-info-card-territorio .ilegal-info-value{color:#e67e22}.ilegal-misiones-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.ilegal-mision-stat{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:15px;text-align:center;transition:all .3s ease}.ilegal-mision-stat:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.ilegal-mision-stat-label{color:#999;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ilegal-mision-stat-value{color:var(--faccion-color);font-size:1.5rem;font-weight:700}.ilegal-progress-bar{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;height:12px;overflow:hidden;position:relative;width:100%}.ilegal-progress-fill{background:linear-gradient(90deg,var(--faccion-color) 0,var(--faccion-color-medium) 100%);border-radius:10px;height:100%;overflow:hidden;position:relative;transition:width .5s ease}.ilegal-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ilegal-misiones-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:5px}.ilegal-mision-item{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.ilegal-mision-item:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateX(5px)}.ilegal-mision-completada{background:#27ae600d;border-color:#27ae604d;opacity:.7}.ilegal-mision-completada:hover{background:#27ae6014;border-color:#27ae6066;opacity:.85}.ilegal-mision-numero{align-items:center;background:var(--faccion-color-light);border:1px solid var(--faccion-color-medium);border-radius:10px;color:var(--faccion-color);display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:45px;justify-content:center;transition:all .3s ease;width:45px}.ilegal-mision-item:hover .ilegal-mision-numero{transform:scale(1.1)}.ilegal-mision-completada .ilegal-mision-numero{background:#27ae6033;border-color:#27ae6066;color:#27ae60}.ilegal-mision-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.ilegal-mision-info h4{color:#fff;font-size:1rem;font-weight:600;line-height:1.3;margin:0}.ilegal-mision-details{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.ilegal-mision-categoria{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#999;font-size:.85rem;padding:4px 10px;text-transform:capitalize}.ilegal-mision-reward{background:var(--faccion-color-light);border:1px solid var(--faccion-color-medium);border-radius:6px;color:var(--faccion-color);font-size:.9rem;font-weight:600;padding:4px 10px}.ilegal-mision-completada-info{align-items:center;color:#27ae60;display:flex;font-size:.8rem;gap:5px;margin-top:5px}.ilegal-mision-status{align-items:center;background:#ffffff0d;border:2px solid #fff3;border-radius:50%;color:#666;display:flex;flex-shrink:0;font-size:1.2rem;height:35px;justify-content:center;transition:all .3s ease;width:35px}.ilegal-mision-item:hover .ilegal-mision-status{transform:scale(1.1)}.ilegal-mision-completada .ilegal-mision-status{animation:checkmark .5s ease;background:#27ae6033;border-color:#27ae60;color:#27ae60}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.ilegal-misiones-list::-webkit-scrollbar{width:8px}.ilegal-misiones-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.ilegal-misiones-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.ilegal-misiones-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.ilegal-modal-large .ilegal-modal-body{max-height:600px}@media (max-width:768px){.ilegal-misiones-stats{grid-template-columns:1fr}.ilegal-mision-item{align-items:flex-start;flex-direction:column;gap:12px}.ilegal-mision-numero,.ilegal-mision-status{align-self:center}.ilegal-mision-info{width:100%}.ilegal-mision-details{justify-content:space-between;width:100%}}.ilegal-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}@media (max-width:1024px){.ilegal-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ilegal-info-grid{grid-template-columns:1fr}}.staff-dashboard-wrapper{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative}@keyframes gradientShift{0%,to{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}}.staff-dashboard-wrapper:after,.staff-dashboard-wrapper:before{animation:float 20s ease-in-out infinite;border-radius:50%;content:"";height:400px;opacity:.08;pointer-events:none;position:fixed;width:400px}.staff-dashboard-wrapper:before{animation-delay:-5s;background:radial-gradient(circle,#5865f2,#0000);left:-200px;top:-200px}.staff-dashboard-wrapper:after{animation-delay:-10s;background:radial-gradient(circle,#7289da,#0000);bottom:-200px;right:-200px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.staff-header{animation:slideInDown .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;padding:25px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.staff-header-content{align-items:center;display:flex;gap:30px;justify-content:space-between;margin:0 auto;max-width:1600px}.staff-user-section{align-items:center;display:flex;flex:1 1;gap:20px}.staff-status-badge{align-items:center;animation:fadeIn .8s ease-out .2s both;background:#5865f226;border:1px solid #5865f24d;border-radius:50px;display:flex;gap:10px;padding:8px 16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.staff-status-indicator{animation:pulse 2s ease-in-out infinite;background:#0f8;border-radius:50%;box-shadow:0 0 10px #0f8;height:10px;width:10px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.staff-status-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.staff-welcome{animation:fadeIn .8s ease-out .4s both;color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:2rem;letter-spacing:2px;margin:0}.staff-username{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5865f2,#7289da);-webkit-background-clip:text;background-clip:text}.staff-header-logo{animation:logoFloat 3s ease-in-out infinite,fadeIn .8s ease-out .6s both;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));height:auto;width:100px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.staff-back-btn{align-items:center;animation:fadeIn .8s ease-out .8s both;background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:10px;box-shadow:0 4px 15px #5865f266;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s ease}.staff-back-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.staff-back-btn:hover:before{height:300px;width:300px}.staff-back-btn:hover{box-shadow:0 6px 20px #5865f299;transform:translateY(-2px)}.staff-back-btn:active{transform:translateY(0)}.staff-main{animation:fadeInUp .8s ease-out;margin:0 auto;max-width:1600px;padding:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.staff-page-title{animation:fadeIn 1s ease-out;margin-bottom:50px;text-align:center}.staff-page-title h1{color:var(--text-primary);display:inline-block;font-family:Bebas Neue,Arial,sans-serif;font-size:3.5rem;letter-spacing:4px;margin:0;position:relative}.staff-page-title h1:after{background:linear-gradient(90deg,#0000,#5865f2,#0000);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.staff-duty-card{animation:slideInLeft .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 30px #0000004d;margin-bottom:40px;padding:30px;transition:all .3s ease}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.staff-duty-card:hover{border-color:#5865f24d;box-shadow:0 12px 40px #0006;transform:translateY(-5px)}.staff-duty-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:15px;margin-bottom:25px;padding-bottom:15px}.staff-duty-icon{animation:iconPulse 2s ease-in-out infinite;color:#5865f2;font-size:1.8rem}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.staff-duty-header h2{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:1.8rem;letter-spacing:2px;margin:0}.staff-members-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.staff-member-card{align-items:center;background:#2d324699;border:1px solid #ffffff0d;border-radius:15px;display:flex;gap:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.staff-member-card:before{background:linear-gradient(90deg,#0000,#5865f21a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.staff-member-card:hover:before{left:100%}.staff-member-card:hover{background:#323750cc;border-color:#5865f24d;box-shadow:0 5px 20px #5865f233;transform:translateX(5px)}.staff-member-avatar{border:2px solid #5865f280;border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;position:relative;width:50px}.staff-member-avatar img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.staff-member-card:hover .staff-member-avatar img{transform:scale(1.1)}.staff-member-details{flex:1 1}.staff-member-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:5px}.staff-member-status{align-items:center;color:#0f8;display:flex;font-size:.85rem;gap:6px}.staff-member-status svg{font-size:.9rem}.staff-no-members{color:var(--text-muted);font-size:1.1rem;padding:40px;text-align:center}.staff-tools-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.staff-tool-card{animation:fadeIn .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.staff-tool-card:first-child{animation-delay:.1s}.staff-tool-card:nth-child(2){animation-delay:.2s}.staff-tool-card:nth-child(3){animation-delay:.3s}.staff-tool-card:nth-child(4){animation-delay:.4s}.staff-tool-card:nth-child(5){animation-delay:.5s}.staff-tool-card:nth-child(6){animation-delay:.6s}.staff-tool-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.staff-tool-card:hover:before{opacity:1}.staff-tool-card:after{background:radial-gradient(circle,#5865f21a,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.staff-tool-card:hover:after{height:500px;width:500px}.staff-tool-card:hover{border-color:#fff3;box-shadow:0 20px 50px #0006;transform:translateY(-10px) scale(1.02)}.staff-tool-icon{align-items:center;background:#ffffff0d;border-radius:15px;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin-bottom:20px;position:relative;transition:all .3s ease;width:60px;z-index:1}.staff-tool-card:hover .staff-tool-icon{background:#ffffff1a;transform:rotate(10deg) scale(1.1)}.staff-tool-title{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:1.5rem;letter-spacing:1.5px;margin:0 0 10px;position:relative;z-index:1}.staff-tool-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0;position:relative;z-index:1}.staff-tool-arrow{bottom:30px;font-size:1.5rem;opacity:0;position:absolute;right:30px;transform:translateX(-10px);transition:all .3s ease;z-index:1}.staff-tool-card:hover .staff-tool-arrow{opacity:1;transform:translateX(0)}.staff-alerts-section{animation:slideInRight .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 30px #0000004d;margin-bottom:40px;padding:35px}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.staff-section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px}.staff-section-icon{animation:iconPulse 2s ease-in-out infinite;color:#f39c12;font-size:1.8rem}.staff-section-header h2{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:1.8rem;letter-spacing:2px;margin:0}.staff-alerts-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:25px}.staff-alerts-buttons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:25px}.staff-alert-btn{align-items:center;animation:fadeIn .6s ease-out backwards;border:none;border-radius:15px;box-shadow:0 8px 20px #0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;justify-content:center;min-height:180px;overflow:hidden;padding:25px 20px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.staff-alert-btn:first-child{animation-delay:.1s}.staff-alert-btn:nth-child(2){animation-delay:.2s}.staff-alert-btn:nth-child(3){animation-delay:.3s}.staff-alert-btn:nth-child(4){animation-delay:.4s}.staff-alert-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.staff-alert-btn:hover:before{left:100%}.staff-alert-btn:hover:not(:disabled){box-shadow:0 15px 40px #00000080;transform:translateY(-8px) scale(1.03)}.staff-alert-btn:active:not(:disabled){transform:translateY(-4px) scale(1.01)}.staff-alert-btn:disabled{cursor:not-allowed;opacity:.6}.staff-alert-emoji{animation:emojiFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3rem;margin-bottom:15px}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.staff-alert-text{font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-shadow:0 2px 6px #0006;text-transform:uppercase}.staff-alert-desc{font-size:.9rem;line-height:1.5;opacity:.95;text-shadow:0 1px 3px #0000004d}.staff-alert-message{align-items:center;animation:slideInDown .5s ease-out;border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;font-weight:600;gap:12px;margin-bottom:20px;padding:18px 20px}.staff-alert-success{background:#28a74533;border:1px solid #28a74566;color:#28a745}.staff-alert-error{background:#dc354533;border:1px solid #dc354566;color:#dc3545}.staff-alert-warning{align-items:center;background:#ffc10733;border:1px solid #ffc10766;border-radius:12px;box-shadow:0 4px 12px #ffc1071a;color:#ffc107;display:flex;font-weight:600;gap:12px;padding:18px 20px}.staff-loading{align-items:center;display:flex;flex-direction:column;gap:15px;margin:30px 0}.staff-loading-spinner{animation:spin 1s linear infinite;border:4px solid #5865f233;border-radius:50%;border-top-color:#5865f2;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.staff-loading p{color:var(--text-secondary);font-size:1rem;font-weight:500}.staff-current-alert{animation:fadeIn .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2332f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 30px #0000004d;margin-bottom:40px;padding:35px}.staff-current-alert-card{background:#2d324699;border-left:6px solid;border-radius:18px;box-shadow:0 8px 25px #0000004d;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.staff-current-alert-card:before{background:radial-gradient(circle,currentColor,#0000);content:"";height:200px;opacity:.05;pointer-events:none;position:absolute;right:0;top:0;width:200px}.staff-current-alert-card:hover{box-shadow:0 12px 35px #0006;transform:translateY(-5px)}.staff-alert-header{align-items:flex-start;display:flex;gap:25px;margin-bottom:20px}.staff-alert-emoji-large{animation:emojiFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));font-size:4rem;min-width:80px;text-align:center}.staff-alert-info{flex:1 1}.staff-alert-title{color:var(--text-primary);font-family:Bebas Neue,Arial,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:2px;margin:0 0 10px}.staff-alert-description{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin:0}.staff-alert-meta{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:30px;padding-top:20px}.staff-alert-meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:10px}.staff-alert-meta-icon{color:var(--text-muted);font-size:1.1rem}.staff-no-alert{background:#2d324666;border:2px dashed #ffffff1a;border-radius:18px;padding:50px 30px;text-align:center}.staff-no-alert-icon{color:var(--text-muted);font-size:3.5rem;margin-bottom:20px;opacity:.5}.staff-no-alert p{color:var(--text-secondary);font-size:1.2rem;font-weight:500;margin-bottom:8px}.staff-no-alert small{color:var(--text-muted);font-size:.95rem}@media (max-width:1400px){.staff-tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:1024px){.staff-header-content{align-items:flex-start;flex-direction:column}.staff-page-title h1{font-size:2.8rem}.staff-tools-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.staff-members-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.staff-main{padding:25px 20px}.staff-header{padding:20px}.staff-welcome{font-size:1.5rem}.staff-page-title h1{font-size:2.2rem}.staff-tools-grid{grid-template-columns:1fr}.staff-alerts-buttons{grid-template-columns:repeat(2,1fr)}.staff-alert-header,.staff-alert-meta{flex-direction:column;gap:15px}}@media (max-width:480px){.staff-page-title h1{font-size:1.8rem}.staff-alerts-buttons,.staff-members-grid{grid-template-columns:1fr}.staff-alert-emoji-large{font-size:3rem}}.staffnotes-main-container{animation:staffnotesGradient 15s ease infinite;background:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background-size:400% 400%;color:#e8edf7;min-height:100vh;overflow-x:hidden;position:relative}.staffnotes-main-container:after,.staffnotes-main-container:before{animation:staffnotesFloat 20s ease-in-out infinite;background:radial-gradient(circle,#5865f21f 0,#0000 60%);content:"";filter:blur(2px);height:220%;pointer-events:none;position:fixed;width:220%;z-index:0}.staffnotes-main-container:after{animation-direction:reverse;animation-duration:24s;background:radial-gradient(circle,#5865f214 0,#0000 60%)}.staffnotes-main{animation:staffnotesFadeUp .8s ease-out;margin:0 auto;max-width:1600px;padding:40px;position:relative;z-index:1}.staffnotes-alert{align-items:center;animation:staffnotesFadeUp .4s ease;background:#1e2332e6;border:1px solid #ffffff14;border-radius:12px;display:flex;font-weight:700;gap:10px;margin-bottom:18px;margin-left:auto;margin-right:auto;max-width:1200px;padding:14px 16px}.staffnotes-alert.error{background:#ef44441f;border-color:#ef444473;color:#fca5a5}.staffnotes-alert.success{background:#4ade801f;border-color:#4ade8073;color:#86efac}.staffnotes-section{animation:staffnotesFadeUp .6s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1e2332f2;border:1px solid #5865f238;border-radius:18px;box-shadow:0 12px 32px #00000059;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:1200px;overflow:hidden;padding:1.75rem;position:relative}.staffnotes-section:before{content:"";height:80%;pointer-events:none;position:absolute;right:-40%;top:-40%;width:80%}.staffnotes-section-header{align-items:center;border-bottom:1px solid #5865f233;display:flex;gap:14px;margin-bottom:1.2rem;padding-bottom:1rem}.staffnotes-section-icon{color:#5865f2;font-size:1.8rem}.staffnotes-section-header h3{color:#e8edf7;flex:1 1;font-size:1.4rem;font-weight:800;letter-spacing:.3px;margin:0}.staffnotes-badge{background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:999px;box-shadow:0 8px 20px #5865f24d;color:#fff;font-weight:800;padding:6px 12px}.staffnotes-loading{align-items:center;color:#b8c5db;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;position:relative}.staffnotes-loading:before{animation:staffnotesPulse 2s ease-in-out infinite;border-radius:50%;content:"";height:110px;position:absolute;width:110px}.staffnotes-spinner{animation:staffnotesSpin 1s linear infinite;border:4px solid #5865f21f;border-radius:50%;border-top-color:#5865f2;height:52px;margin-bottom:14px;width:52px}.staffnotes-empty-state{color:#9aa7bd;padding:50px 18px;text-align:center}.staffnotes-empty-state svg{color:#5865f259;font-size:3rem;margin-bottom:12px}.staffnotes-sanciones-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.staffnotes-nota-card,.staffnotes-sancion-card{background:#242a3ceb;border:1px solid #5865f22e;border-radius:14px;box-shadow:0 10px 28px #00000052;padding:18px;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.staffnotes-nota-card:before,.staffnotes-sancion-card:before{background:linear-gradient(180deg,#5865f2,#10b981);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.staffnotes-nota-card:hover,.staffnotes-sancion-card:hover{border-color:#5865f252;box-shadow:0 16px 36px #00000061;transform:translateY(-4px)}.staffnotes-sancion-header{align-items:center;border-bottom:1px solid #5865f229;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.staffnotes-sancion-user-info{align-items:center;display:flex;gap:10px}.staffnotes-user-icon{color:#5865f2}.staffnotes-sancion-user{color:#e8edf7;font-weight:800}.staffnotes-sancion-time{align-items:center;color:#9aa7bd;display:flex;font-size:.9rem;gap:6px}.staffnotes-sancion-content{margin-bottom:12px}.staffnotes-sancion-reason{background:#1e2332f2;border:1px solid #5865f21f;border-radius:10px;color:#e8edf7;line-height:1.5;margin:0 0 10px;padding:12px}.staffnotes-sancion-meta{display:flex;flex-wrap:wrap;gap:10px}.staffnotes-roblox-tag{background:#5865f224;border-radius:10px;color:#e8edf7;display:inline-block;font-weight:700;letter-spacing:.3px;padding:6px 10px}.staffnotes-sancion-author{color:#9aa7bd;font-size:.9rem;font-style:italic}.staffnotes-tabs{display:flex;gap:10px;margin-bottom:18px}.staffnotes-tab{align-items:center;background:#242a3ce6;border:1px solid #5865f238;border-radius:12px;color:#b8c5db;cursor:pointer;display:flex;flex:1 1;font-weight:800;gap:8px;justify-content:center;padding:14px 16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.staffnotes-tab:hover{border-color:#5865f266;transform:translateY(-2px)}.staffnotes-tab.active{background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 10px 24px #5865f252;color:#fff}.staffnotes-tab-content{animation:staffnotesFadeUp .45s ease}.staffnotes-search-container{margin-bottom:14px}.staffnotes-search-box{align-items:center;background:#242a3ceb;border:1px solid #5865f22e;border-radius:12px;box-shadow:0 8px 22px #00000052;display:flex;gap:12px;padding:14px 16px}.staffnotes-search-box:focus-within{border-color:#5865f2;box-shadow:0 12px 28px #5865f252}.staffnotes-search-icon{color:#9aa7bd;font-size:1.1rem}.staffnotes-search-box input{background:#0000;border:none;color:#e8edf7;flex:1 1;outline:none}.staffnotes-search-box input::placeholder{color:#9aa7bd}.staffnotes-search-btn{background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:800;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease}.staffnotes-search-btn:hover:not(:disabled){box-shadow:0 10px 22px #5865f259;transform:translateY(-2px)}.staffnotes-search-btn:disabled{cursor:not-allowed;opacity:.6}.staffnotes-user-found{align-items:center;animation:staffnotesFadeUp .4s ease;background:#242a3ce6;border:1px solid #4ade8040;border-radius:12px;display:flex;gap:16px;margin:16px 0;padding:16px}.staffnotes-user-found-icon{color:#4ade80;font-size:2.3rem}.staffnotes-user-found-info h4{color:#e8edf7;margin:0 0 8px}.staffnotes-user-found-info p{color:#b8c5db;margin:0}.staffnotes-form{animation:staffnotesFadeUp .45s ease}.staffnotes-form-group{margin-bottom:18px}.staffnotes-form-group label{align-items:center;color:#e8edf7;display:flex;font-weight:800;gap:10px;margin-bottom:10px}.staffnotes-form-group textarea{background:#242a3ceb;border:2px solid #5865f22e;border-radius:12px;color:#e8edf7;min-height:140px;padding:14px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.staffnotes-form-group textarea:focus{border-color:#5865f2;box-shadow:0 0 0 4px #5865f22e;outline:none}.staffnotes-submit-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:900;letter-spacing:.4px;padding:15px;transition:transform .22s ease,box-shadow .22s ease;width:100%}.staffnotes-submit-btn:hover:not(:disabled){box-shadow:0 12px 26px #22c55e4d;transform:translateY(-2px)}.staffnotes-submit-btn:disabled{cursor:not-allowed;opacity:.6}.staffnotes-warns-list{animation:staffnotesFadeUp .4s ease}.staffnotes-list-title{align-items:center;color:#e8edf7;display:flex;font-size:1.2rem;gap:10px;margin:0 0 14px}.staffnotes-list-title svg{color:#f97316}.staffnotes-warns-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.staffnotes-warn-card{background:#1e2332f2;border:1px solid #5865f233;border-radius:14px;box-shadow:0 10px 24px #0000004d;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.staffnotes-warn-card:hover{box-shadow:0 14px 30px #00000057;transform:translateY(-3px)}.staffnotes-warn-header{align-items:center;border-bottom:1px solid #5865f229;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.staffnotes-warn-id{background:#5865f233;border-radius:10px;color:#e8edf7;font-family:monospace;font-weight:800;padding:6px 10px}.staffnotes-warn-date{align-items:center;color:#9aa7bd;display:flex;font-size:.9rem;gap:6px}.staffnotes-warn-reason{background:#242a3ceb;border:1px solid #5865f224;border-radius:10px;color:#e8edf7;line-height:1.5;margin:0 0 10px;padding:12px}.staffnotes-warn-footer{align-items:center;display:flex;justify-content:space-between}.staffnotes-warn-author{color:#9aa7bd;font-size:.9rem;font-style:italic}.staffnotes-card-actions{display:flex;gap:8px}.staffnotes-btn-delete,.staffnotes-btn-edit{border:none;border-radius:10px;cursor:pointer;display:grid;height:38px;place-items:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:38px}.staffnotes-btn-edit{background:#facc1529;color:#facc15}.staffnotes-btn-edit:hover{box-shadow:0 8px 20px #facc1547;transform:scale(1.08)}.staffnotes-btn-delete{background:#ef444429;color:#f87171}.staffnotes-btn-delete:hover{box-shadow:0 8px 20px #ef44444d;transform:scale(1.08)}.staffnotes-edit-form{padding:12px 0}.staffnotes-edit-textarea{background:#242a3ceb;border:1px solid #5865f22e;border-radius:10px;color:#e8edf7;margin-bottom:12px;padding:12px;resize:vertical;width:100%}.staffnotes-edit-actions{display:flex;gap:10px;justify-content:flex-end}.staffnotes-btn-cancel,.staffnotes-btn-save{border:none;border-radius:10px;cursor:pointer;font-weight:800;padding:10px 16px;transition:transform .2s ease,box-shadow .2s ease}.staffnotes-btn-save{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.staffnotes-btn-save:hover:not(:disabled){box-shadow:0 10px 22px #22c55e4d;transform:translateY(-2px)}.staffnotes-btn-cancel{background:#6b7280;color:#fff}.staffnotes-btn-cancel:hover:not(:disabled){box-shadow:0 10px 18px #6b728047;transform:translateY(-2px)}.staffnotes-historial-container{max-height:520px;overflow-y:auto;padding-right:8px}.staffnotes-historial-container::-webkit-scrollbar{width:8px}.staffnotes-historial-container::-webkit-scrollbar-thumb{background:#5865f266;border-radius:10px}.staffnotes-historial-list{display:flex;flex-direction:column;gap:12px}.staffnotes-activity-item{background:#1e2332f2;border:1px solid #5865f22e;border-radius:14px;display:flex;gap:12px;padding:14px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.staffnotes-activity-item.crear{border-left:4px solid #22c55e}.staffnotes-activity-item.editar{border-left:4px solid #f59e0b}.staffnotes-activity-item.eliminar{border-left:4px solid #ef4444}.staffnotes-activity-item:hover{box-shadow:0 12px 28px #0000004d;transform:translateX(4px)}.staffnotes-activity-icon-wrapper{background:#5865f224;border-radius:12px;display:grid;height:44px;place-items:center;width:44px}.staffnotes-activity-icon{color:#5865f2;font-size:1.2rem}.staffnotes-activity-details{flex:1 1}.staffnotes-activity-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.staffnotes-activity-type-badge{border-radius:8px;font-size:.8rem;font-weight:800;padding:4px 10px}.staffnotes-activity-time{align-items:center;color:#9aa7bd;display:flex;font-size:.85rem;gap:6px}.staffnotes-activity-user{color:#e8edf7;margin:0 0 6px}.staffnotes-activity-detail{color:#b8c5db;line-height:1.5;margin:0 0 6px}.staffnotes-activity-author{color:#9aa7bd;font-size:.9rem;font-style:italic;margin:0}.staffnotes-modal-overlay{align-items:center;animation:staffnotesFadeUp .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.staffnotes-modal-content{animation:staffnotesModalUp .3s ease;background:#1e2332fa;border:1px solid #5865f23d;border-radius:16px;box-shadow:0 24px 64px #0006;color:#e8edf7;max-width:520px;width:90%}.staffnotes-modal-footer,.staffnotes-modal-header{border-bottom:1px solid #5865f229;padding:18px 22px}.staffnotes-modal-footer{border-bottom:none;border-top:1px solid #5865f229;display:flex;gap:12px;justify-content:center}.staffnotes-modal-header h3{font-size:1.3rem;margin:0}.staffnotes-modal-close{background:#5865f21f;border:none;border-radius:50%;color:#e8edf7;cursor:pointer;height:38px;transition:transform .2s ease,background .2s ease;width:38px}.staffnotes-modal-close:hover{background:#ef444433;transform:rotate(90deg)}.staffnotes-modal-body{padding:18px 22px;text-align:center}.staffnotes-modal-warning-icon{animation:staffnotesPulse 2s ease-in-out infinite;color:#f59e0b;font-size:3.5rem;margin-bottom:12px}.staffnotes-modal-warn-info{background:#242a3ceb;border:1px solid #5865f229;border-radius:12px;padding:14px;text-align:left}.staffnotes-modal-warning-text{color:#ef4444;font-weight:800}.staffnotes-btn-cancel-modal,.staffnotes-btn-confirm-delete{border:none;border-radius:12px;cursor:pointer;font-weight:800;padding:12px 18px;transition:transform .2s ease,box-shadow .2s ease}.staffnotes-btn-confirm-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.staffnotes-btn-confirm-delete:hover:not(:disabled){box-shadow:0 12px 24px #ef444459;transform:translateY(-2px)}.staffnotes-btn-cancel-modal{background:#6b7280;color:#fff}.staffnotes-btn-cancel-modal:hover:not(:disabled){box-shadow:0 12px 20px #6b728052;transform:translateY(-2px)}.staffnotes-btn-cancel-modal:disabled,.staffnotes-btn-confirm-delete:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@keyframes staffnotesGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes staffnotesFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(28px,-24px) rotate(120deg)}66%{transform:translate(-22px,22px) rotate(240deg)}}@keyframes staffnotesFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes staffnotesSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes staffnotesPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes staffnotesModalUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.staffnotes-main-container,.staffnotes-section{padding:1.5rem}}@media (max-width:768px){.staffnotes-main-container{padding:1.25rem}.profile-header{align-items:flex-start;flex-direction:column}.header-content h2{font-size:1.8rem}.staffnotes-tabs{flex-direction:column}.staffnotes-sanciones-grid,.staffnotes-warns-grid{grid-template-columns:1fr}}@media (max-width:480px){.staffnotes-main-container{padding:1rem}.header-content h2{font-size:1.5rem}.staffnotes-search-btn,.staffnotes-submit-btn{font-size:.95rem}}.staffwarns-main-container{animation:staffwarnsGradient 15s ease infinite;background:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background-size:400% 400%;color:#e8edf7;min-height:100vh;overflow-x:hidden;position:relative}.staffwarns-main-container:after,.staffwarns-main-container:before{animation:staffwarnsFloat 20s ease-in-out infinite;background:radial-gradient(circle,#5865f21f 0,#0000 60%);content:"";filter:blur(2px);height:220%;pointer-events:none;position:fixed;width:220%;z-index:0}.staffwarns-main-container:after{animation-direction:reverse;animation-duration:24s;background:radial-gradient(circle,#5865f214 0,#0000 60%)}.staffwarns-main{animation:staffwarnsFadeUp .8s ease-out;margin:0 auto;max-width:1600px;padding:40px;position:relative;z-index:1}.header-content h2{font-size:2.1rem}.staffwarns-alert{align-items:center;animation:staffwarnsFadeUp .4s ease;background:#1e2332e6;border:1px solid #ffffff14;border-radius:12px;display:flex;font-weight:700;gap:10px;margin-bottom:18px;padding:14px 16px}.staffwarns-alert.error{background:#ef44441f;border-color:#ef444473;color:#fca5a5}.staffwarns-alert.success{background:#4ade801f;border-color:#4ade8073;color:#86efac}.staffwarns-section{animation:staffwarnsFadeUp .6s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1e2332f2;border:1px solid #5865f238;border-radius:18px;box-shadow:0 12px 32px #00000059;margin-bottom:1.5rem;overflow:hidden;padding:1.75rem;position:relative}.staffwarns-section:before{content:"";height:80%;pointer-events:none;position:absolute;right:-40%;top:-40%;width:80%}.staffwarns-section-header{align-items:center;border-bottom:1px solid #5865f233;display:flex;gap:14px;margin-bottom:1.2rem;padding-bottom:1rem}.staffwarns-section-icon{color:#5865f2;font-size:1.8rem}.staffwarns-section-header h3{color:#e8edf7;flex:1 1;font-size:1.4rem;font-weight:800;letter-spacing:.3px;margin:0}.staffwarns-badge{background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:999px;box-shadow:0 8px 20px #5865f24d;color:#fff;font-weight:800;padding:6px 12px}.staffwarns-loading{align-items:center;color:#b8c5db;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;position:relative}.staffwarns-loading:before{animation:staffwarnsPulse 2s ease-in-out infinite;border-radius:50%;content:"";height:110px;position:absolute;width:110px}.staffwarns-spinner{animation:staffwarnsSpin 1s linear infinite;border:4px solid #5865f21f;border-radius:50%;border-top-color:#5865f2;height:52px;margin-bottom:14px;width:52px}.staffwarns-empty-state{color:#9aa7bd;padding:50px 18px;text-align:center}.staffwarns-empty-state svg{color:#5865f259;font-size:3rem;margin-bottom:12px}.staffwarns-sanciones-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.staffwarns-sancion-card{background:#242a3ceb;border:1px solid #5865f22e;border-radius:14px;box-shadow:0 10px 28px #00000052;padding:18px;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.staffwarns-sancion-card:before{background:linear-gradient(180deg,#5865f2,#22c55e);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.staffwarns-sancion-card:hover{border-color:#5865f252;box-shadow:0 16px 36px #00000061;transform:translateY(-4px)}.staffwarns-sancion-header{align-items:center;border-bottom:1px solid #5865f229;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.staffwarns-sancion-user-info{align-items:center;display:flex;gap:10px}.staffwarns-user-icon{color:#5865f2}.staffwarns-sancion-user{color:#e8edf7;font-weight:800}.staffwarns-sancion-time{align-items:center;color:#9aa7bd;display:flex;font-size:.9rem;gap:6px}.staffwarns-sancion-content{margin-bottom:12px}.staffwarns-sancion-reason{background:#1e2332f2;border:1px solid #5865f21f;border-radius:10px;color:#e8edf7;line-height:1.5;margin:0 0 10px;padding:12px}.staffwarns-roblox-tag{background:#5865f224;border-radius:10px;color:#e8edf7;display:inline-block;font-weight:700;letter-spacing:.3px;padding:6px 10px}.staffwarns-sancion-footer{align-items:center;display:flex;justify-content:space-between}.staffwarns-warn-count{background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:10px;color:#fff;font-weight:800;padding:6px 10px}.staffwarns-status-badge{border-radius:10px;font-size:.85rem;font-weight:700;padding:6px 10px}.staffwarns-status-badge.level-1{background:#f4ce142e;color:#facc15}.staffwarns-status-badge.level-2{background:#fb923c2e;color:#fb923c}.staffwarns-status-badge.level-3{background:#ef44442e;color:#f87171}.staffwarns-status-badge.level-4{background:#a855f72e;color:#c084fc}.staffwarns-status-badge.level-5{background:#0003;color:#cbd5e1}.staffwarns-sancion-author{color:#9aa7bd;font-size:.9rem;font-style:italic}.staffwarns-tabs{display:flex;gap:10px;margin-bottom:18px}.staffwarns-tab{align-items:center;background:#242a3ce6;border:1px solid #5865f238;border-radius:12px;color:#b8c5db;cursor:pointer;display:flex;flex:1 1;font-weight:800;gap:8px;justify-content:center;padding:14px 16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.staffwarns-tab:hover{border-color:#5865f266;transform:translateY(-2px)}.staffwarns-tab.active{background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 10px 24px #5865f252;color:#fff}.staffwarns-tab-content{animation:staffwarnsFadeUp .45s ease}.staffwarns-search-box{align-items:center;background:#242a3ceb;border:1px solid #5865f22e;border-radius:12px;box-shadow:0 8px 22px #00000052;display:flex;gap:12px;padding:14px 16px}.staffwarns-search-box:focus-within{border-color:#5865f2;box-shadow:0 12px 28px #5865f252}.staffwarns-search-icon{color:#9aa7bd;font-size:1.1rem}.staffwarns-search-box input{background:#0000;border:none;color:#e8edf7;flex:1 1;outline:none}.staffwarns-search-box input::placeholder{color:#9aa7bd}.staffwarns-search-btn{background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:800;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease}.staffwarns-search-btn:hover:not(:disabled){box-shadow:0 10px 22px #5865f259;transform:translateY(-2px)}.staffwarns-search-btn:disabled{cursor:not-allowed;opacity:.6}.staffwarns-user-found{align-items:center;animation:staffwarnsFadeUp .4s ease;background:#242a3ce6;border:1px solid #4ade8040;border-radius:12px;display:flex;gap:16px;margin:16px 0;padding:16px}.staffwarns-user-found-icon{color:#4ade80;font-size:2.3rem}.staffwarns-user-found-info h4{color:#e8edf7;margin:0 0 8px}.staffwarns-user-found-info p{color:#b8c5db;margin:0}.staffwarns-form{animation:staffwarnsFadeUp .45s ease}.staffwarns-form-group{margin-bottom:18px}.staffwarns-form-group label{align-items:center;color:#e8edf7;display:flex;font-weight:800;gap:10px;margin-bottom:10px}.staffwarns-form-group textarea{background:#242a3ceb;border:2px solid #5865f22e;border-radius:12px;color:#e8edf7;min-height:140px;padding:14px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.staffwarns-form-group textarea:focus{border-color:#5865f2;box-shadow:0 0 0 4px #5865f22e;outline:none}.staffwarns-submit-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:900;letter-spacing:.4px;padding:15px;transition:transform .22s ease,box-shadow .22s ease;width:100%}.staffwarns-submit-btn:hover:not(:disabled){box-shadow:0 12px 26px #22c55e4d;transform:translateY(-2px)}.staffwarns-submit-btn:disabled{cursor:not-allowed;opacity:.6}.staffwarns-warns-list{animation:staffwarnsFadeUp .4s ease}.staffwarns-list-title{align-items:center;color:#e8edf7;display:flex;font-size:1.2rem;gap:10px;margin:0 0 14px}.staffwarns-list-title svg{color:#f97316}.staffwarns-warns-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.staffwarns-warn-card{background:#1e2332f2;border:1px solid #5865f233;border-radius:14px;box-shadow:0 10px 24px #0000004d;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.staffwarns-warn-card:hover{box-shadow:0 14px 30px #00000057;transform:translateY(-3px)}.staffwarns-warn-header{align-items:center;border-bottom:1px solid #5865f229;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.staffwarns-warn-id{background:#5865f233;border-radius:10px;color:#e8edf7;font-family:monospace;font-weight:800;padding:6px 10px}.staffwarns-warn-date{align-items:center;color:#9aa7bd;display:flex;font-size:.9rem;gap:6px}.staffwarns-warn-reason{background:#242a3ceb;border:1px solid #5865f224;border-radius:10px;color:#e8edf7;line-height:1.5;margin:0 0 10px;padding:12px}.staffwarns-warn-footer{align-items:center;display:flex;justify-content:space-between}.staffwarns-warn-author{color:#9aa7bd;font-size:.9rem;font-style:italic}.staffwarns-card-actions{display:flex;gap:8px}.staffwarns-btn-delete,.staffwarns-btn-edit{border:none;border-radius:10px;cursor:pointer;display:grid;height:38px;place-items:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:38px}.staffwarns-btn-edit{background:#facc1529;color:#facc15}.staffwarns-btn-edit:hover{box-shadow:0 8px 20px #facc1547;transform:scale(1.08)}.staffwarns-btn-delete{background:#ef444429;color:#f87171}.staffwarns-btn-delete:hover{box-shadow:0 8px 20px #ef44444d;transform:scale(1.08)}.staffwarns-edit-form{padding:12px 0}.staffwarns-edit-textarea{background:#242a3ceb;border:1px solid #5865f22e;border-radius:10px;color:#e8edf7;margin-bottom:12px;padding:12px;resize:vertical;width:100%}.staffwarns-edit-actions{display:flex;gap:10px;justify-content:flex-end}.staffwarns-btn-cancel,.staffwarns-btn-save{border:none;border-radius:10px;cursor:pointer;font-weight:800;padding:10px 16px;transition:transform .2s ease,box-shadow .2s ease}.staffwarns-btn-save{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.staffwarns-btn-save:hover:not(:disabled){box-shadow:0 10px 22px #22c55e4d;transform:translateY(-2px)}.staffwarns-btn-cancel{background:#6b7280;color:#fff}.staffwarns-btn-cancel:hover:not(:disabled){box-shadow:0 10px 18px #6b728047;transform:translateY(-2px)}.staffwarns-historial-container{max-height:520px;overflow-y:auto;padding-right:8px}.staffwarns-historial-container::-webkit-scrollbar{width:8px}.staffwarns-historial-container::-webkit-scrollbar-thumb{background:#5865f266;border-radius:10px}.staffwarns-historial-list{display:flex;flex-direction:column;gap:12px}.staffwarns-activity-item{background:#1e2332f2;border:1px solid #5865f22e;border-radius:14px;display:flex;gap:12px;padding:14px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.staffwarns-activity-item.crear{border-left:4px solid #22c55e}.staffwarns-activity-item.editar{border-left:4px solid #f59e0b}.staffwarns-activity-item.eliminar{border-left:4px solid #ef4444}.staffwarns-activity-item:hover{box-shadow:0 12px 28px #0000004d;transform:translateX(4px)}.staffwarns-activity-icon-wrapper{background:#5865f224;border-radius:12px;display:grid;height:44px;place-items:center;width:44px}.staffwarns-activity-icon{color:#5865f2;font-size:1.2rem}.staffwarns-activity-details{flex:1 1}.staffwarns-activity-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.staffwarns-activity-type-badge{border-radius:8px;font-size:.8rem;font-weight:800;padding:4px 10px}.staffwarns-activity-time{align-items:center;color:#9aa7bd;display:flex;font-size:.85rem;gap:6px}.staffwarns-activity-user{color:#e8edf7;margin:0 0 6px}.staffwarns-activity-detail{color:#b8c5db;line-height:1.5;margin:0 0 6px}.staffwarns-activity-author{color:#9aa7bd;font-size:.9rem;font-style:italic;margin:0}.staffwarns-modal-overlay{align-items:center;animation:staffwarnsFadeUp .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.staffwarns-modal-content{animation:staffwarnsModalUp .3s ease;background:#1e2332fa;border:1px solid #5865f23d;border-radius:16px;box-shadow:0 24px 64px #0006;color:#e8edf7;max-width:520px;width:90%}.staffwarns-modal-footer,.staffwarns-modal-header{border-bottom:1px solid #5865f229;padding:18px 22px}.staffwarns-modal-footer{border-bottom:none;border-top:1px solid #5865f229;display:flex;gap:12px;justify-content:center}.staffwarns-modal-header h3{font-size:1.3rem;margin:0}.staffwarns-modal-close{background:#5865f21f;border:none;border-radius:50%;color:#e8edf7;cursor:pointer;height:38px;transition:transform .2s ease,background .2s ease;width:38px}.staffwarns-modal-close:hover{background:#ef444433;transform:rotate(90deg)}.staffwarns-modal-body{padding:18px 22px;text-align:center}.staffwarns-modal-warning-icon{animation:staffwarnsPulse 2s ease-in-out infinite;color:#f59e0b;font-size:3.5rem;margin-bottom:12px}.staffwarns-modal-warn-info{background:#242a3ceb;border:1px solid #5865f229;border-radius:12px;padding:14px;text-align:left}.staffwarns-modal-warning-text{color:#ef4444;font-weight:800}.staffwarns-btn-cancel-modal,.staffwarns-btn-confirm-delete{border:none;border-radius:12px;cursor:pointer;font-weight:800;padding:12px 18px;transition:transform .2s ease,box-shadow .2s ease}.staffwarns-btn-confirm-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.staffwarns-btn-confirm-delete:hover:not(:disabled){box-shadow:0 12px 24px #ef444459;transform:translateY(-2px)}.staffwarns-btn-cancel-modal{background:#6b7280;color:#fff}.staffwarns-btn-cancel-modal:hover:not(:disabled){box-shadow:0 12px 20px #6b728052;transform:translateY(-2px)}.staffwarns-btn-cancel-modal:disabled,.staffwarns-btn-confirm-delete:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@keyframes staffwarnsGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes staffwarnsFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(28px,-24px) rotate(120deg)}66%{transform:translate(-22px,22px) rotate(240deg)}}@keyframes staffwarnsFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes staffwarnsSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes staffwarnsPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes staffwarnsModalUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.staffwarns-main-container,.staffwarns-section{padding:1.5rem}}@media (max-width:768px){.staffwarns-main-container{padding:1.25rem}.profile-header{align-items:flex-start;flex-direction:column}.header-content h2{font-size:1.8rem}.staffwarns-tabs{flex-direction:column}.staffwarns-sanciones-grid,.staffwarns-warns-grid{grid-template-columns:1fr}}@media (max-width:480px){.staffwarns-main-container{padding:1rem}.header-content h2{font-size:1.5rem}.staffwarns-search-btn,.staffwarns-submit-btn{font-size:.95rem}}.staffban-container{animation:staffbanGradient 15s ease infinite;background:linear-gradient(-45deg,#1a1f2e,#252a3a,#2d3544,#1a1f2e);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative}.staffban-container:after,.staffban-container:before{animation:staffbanFloat 20s ease-in-out infinite;background:radial-gradient(circle,#5865f21f 0,#0000 60%);content:"";filter:blur(2px);height:220%;pointer-events:none;position:fixed;width:220%;z-index:0}.staffban-container:after{animation-direction:reverse;animation-duration:24s;background:radial-gradient(circle,#5865f214 0,#0000 60%)}.staffban-main{margin:0 auto;max-width:1200px;position:relative;z-index:1}.staffban-content{animation:staffbanFadeUp .7s ease;position:relative;z-index:2}.staffban-title{color:#e8edf7;font-family:Bebas Neue,sans-serif;font-size:2.6rem;letter-spacing:1px;margin:2rem 0 1.5rem;text-align:center;text-shadow:0 3px 14px #5865f259}.staffban-form-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1e2332f2;border:1px solid #5865f238;border-radius:18px;box-shadow:0 12px 32px #00000059;padding:2rem}.staffban-form{grid-gap:1.5rem;display:grid;gap:1.5rem}.staffban-field{display:flex;flex-direction:column;gap:.6rem}.staffban-label{color:#b8c5db;font-size:.95rem;font-weight:700;letter-spacing:.3px}.staffban-file,.staffban-input,.staffban-textarea{background:#242a3ceb;border:2px solid #5865f22e;border-radius:12px;color:#e8edf7;font-size:.95rem;outline:none;padding:.95rem 1rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.staffban-input::placeholder,.staffban-textarea::placeholder{color:#6b7b94}.staffban-file:focus,.staffban-input:focus,.staffban-textarea:focus{background:#242a3c;border-color:#5865f2;box-shadow:0 0 0 4px #5865f229}.staffban-textarea{min-height:140px;resize:vertical}.staffban-error{background:#ef444429;border:1px solid #ef444473;border-radius:12px;box-shadow:0 8px 22px #ef44441f;color:#fca5a5;font-weight:700;padding:.85rem 1rem}.staffban-submit{background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:12px;box-shadow:0 12px 28px #5865f252;color:#fff;cursor:pointer;font-weight:800;letter-spacing:.5px;padding:1.1rem 1.2rem;text-transform:uppercase;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease;width:100%}.staffban-submit:hover{box-shadow:0 14px 34px #5865f266;transform:translateY(-2px)}.staffban-submit:active{transform:translateY(-1px)}.staffban-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@keyframes staffbanGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes staffbanFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(26px,-26px) rotate(120deg)}66%{transform:translate(-22px,20px) rotate(240deg)}}@keyframes staffbanFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.staffban-container{padding:1.5rem}.staffban-form-card{padding:1.75rem}}@media (max-width:768px){.staffban-container{padding:1.25rem}.staffban-title{font-size:2.2rem}.staffban-form-card{padding:1.5rem}}@media (max-width:480px){.staffban-container{padding:1rem}.staffban-title{font-size:1.8rem}.staffban-submit{font-size:.95rem}}.staffdb-main{animation:staffdbGradient 18s ease infinite;background:linear-gradient(-45deg,#111827,#1f2533,#1a1f2e,#0f172a);background-size:400% 400%;color:#e8edf7;min-height:100vh;overflow-x:hidden;position:relative}.staffdb-main:after,.staffdb-main:before{animation:staffdbFloat 22s ease-in-out infinite;background:radial-gradient(circle,#5865f21f 0,#0000 60%);content:"";filter:blur(2px);height:220%;pointer-events:none;position:fixed;width:220%;z-index:0}.staffdb-main:after{animation-direction:reverse;animation-duration:26s;background:radial-gradient(circle,#48bbff14 0,#0000 60%)}.staffdb-wrapper{animation:staffdbFadeUp .8s ease-out;margin:0 auto;max-width:1600px;padding:40px;position:relative;z-index:1}.staffdb-error,.staffdb-loading{animation:staffdbFadeUp .4s ease;background:#1e2332eb;border:1px solid #5865f233;border-radius:14px;box-shadow:0 14px 32px #00000061;margin:12px 0;padding:14px 16px}.staffdb-error{border-color:#ef444466;color:#fca5a5}.staffdb-content{grid-gap:16px;display:grid;gap:16px;margin-top:12px;position:relative;z-index:1}.staffdb-category{animation:staffdbFadeUp .45s ease;background:#161b29e6;border:1px solid #5865f233;border-radius:16px;box-shadow:0 16px 38px #0006;overflow:hidden;padding:16px}.staffdb-category h3{align-items:center;color:#e8edf7;display:flex;font-size:1.1rem;gap:8px;letter-spacing:.2px;margin:0 0 12px}.staffdb-table-wrapper{background:#101420e6;border:1px solid #5865f233;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff08;overflow-x:auto;width:100%}.staffdb-table{border-collapse:collapse;color:#e8edf7;font-size:.95rem;min-width:720px;width:100%}.staffdb-table thead{background:linear-gradient(135deg,#5865f22e,#4752c42e)}.staffdb-table td,.staffdb-table th{border-bottom:1px solid #5865f224;padding:12px 14px;text-align:left}.staffdb-table th{color:#dce3f5;font-weight:800;letter-spacing:.2px}.staffdb-table tbody tr:hover{background:#5865f214}.staffdb-table tbody tr:last-child td{border-bottom:none}.staffdb-status-badge{align-items:center;border:1px solid #ffffff14;border-radius:12px;display:inline-flex;font-weight:800;gap:8px;padding:8px 12px}.staffdb-status-badge.active{background:#22c55e26;border-color:#22c55e4d;color:#86efac}.staffdb-status-badge.inactive{background:#ef44441f;border-color:#ef444447;color:#fca5a5}.staffdb-status-icon{font-size:1rem}.staffdb-status-icon.active{color:#4ade80}.staffdb-status-icon.inactive{color:#f87171}@keyframes staffdbGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes staffdbFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(26px,-22px) rotate(120deg)}66%{transform:translate(-22px,20px) rotate(240deg)}}@keyframes staffdbFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.staffdb-main{padding:1.5rem}}@media (max-width:768px){.staffdb-main{padding:1.25rem}.profile-header{align-items:flex-start;flex-direction:column}.staffdb-table{min-width:100%}}@media (max-width:480px){.staffdb-main{padding:1rem}.staffdb-category h3{font-size:1rem}}.staffonline-main{animation:staffonlineGradient 18s ease infinite;background:linear-gradient(-45deg,#111827,#1f2533,#1a1f2e,#0f172a);background-size:400% 400%;color:#e8edf7;min-height:100vh;overflow-x:hidden;position:relative}.staffonline-main:after,.staffonline-main:before{animation:staffonlineFloat 22s ease-in-out infinite;background:radial-gradient(circle,#5865f21f 0,#0000 60%);content:"";filter:blur(2px);height:220%;pointer-events:none;position:fixed;width:220%;z-index:0}.staffonline-main:after{animation-direction:reverse;animation-duration:26s;background:radial-gradient(circle,#38bdf814 0,#0000 60%)}.staffonline-wrapper{animation:staffonlineFadeUp .8s ease-out;margin:0 auto;max-width:1600px;padding:40px;position:relative;z-index:1}.staffonline-status-bar{align-items:center;animation:staffonlineFadeUp .4s ease;background:linear-gradient(135deg,#5865f229,#4752c429);border:1px solid #5865f233;border-radius:14px;box-shadow:0 14px 32px #00000061;color:#e8edf7;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 18px;position:relative;z-index:1}.staffonline-status-item{align-items:center;display:flex;gap:12px}.staffonline-status-label{font-size:1rem;font-weight:700}.staffonline-status-value{background:#5865f233;border:1px solid #5865f240;border-radius:12px;font-size:1.2rem;font-weight:900;padding:6px 14px}.staffonline-status-indicator{animation:staffonlinePulse 2s ease-in-out infinite;background:#4ade80;border-radius:50%;box-shadow:0 0 8px #4ade8080;height:12px;width:12px}.staffonline-status-text{font-weight:800}.staffonline-error,.staffonline-loading,.staffonline-no-players{animation:staffonlineFadeUp .4s ease;border-radius:14px;padding:50px 18px;position:relative;z-index:1}.staffonline-loading{align-items:center;background:#161b29e6;border:1px solid #5865f233;box-shadow:0 14px 32px #00000061;color:#b8c5db;display:flex;flex-direction:column;gap:16px}.staffonline-spinner{animation:staffonlineSpin 1s linear infinite;border:4px solid #5865f21f;border-radius:50%;border-top-color:#5865f2;height:52px;width:52px}.staffonline-error{align-items:center;background:#ef44441f;border:1px solid #ef444466;box-shadow:0 12px 28px #ef444433;color:#fca5a5;display:flex;gap:10px;justify-content:center}.staffonline-no-players{box-shadow:0 14px 32px #00000061;color:#b8c5db;text-align:center}.staffonline-content,.staffonline-no-players{background:#161b29e6;border:1px solid #5865f233}.staffonline-content{animation:staffonlineFadeUp .45s ease;border-radius:16px;box-shadow:0 16px 38px #0006;padding:16px;position:relative;z-index:1}.staffonline-players-count{background:#5865f21f;border:1px solid #5865f233;border-radius:12px;color:#e8edf7;font-size:1rem;font-weight:800;margin-bottom:14px;padding:12px 14px;text-align:center}.staffonline-players-count strong{color:#5865f2;font-size:1.15rem}.staffonline-team-section{animation:staffonlineFadeUp .5s ease;background:#121622e6;border:1px solid #5865f233;border-radius:14px;box-shadow:0 14px 32px #0000005c;margin-bottom:24px;overflow:hidden}.staffonline-team-header{background:linear-gradient(135deg,#5865f229,#4752c41f);border-bottom:1px solid #5865f233;padding:14px 16px}.staffonline-team-header h3{align-items:center;color:#e8edf7;display:flex;font-size:1.05rem;gap:10px;margin:0}.staffonline-team-header svg{color:#5865f2}.staffonline-team-name{flex:1 1;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.staffonline-team-count{color:#9aa7bd;font-size:.9rem;font-weight:700}.staffonline-table-wrapper{background:#101420e6;border-top:1px solid #5865f233;overflow-x:auto;width:100%}.staffonline-table{border-collapse:collapse;color:#e8edf7;min-width:900px;width:100%}.staffonline-table thead{background:#242a3cf2}.staffonline-table th{border-bottom:1px solid #5865f22e;color:#dce3f5;font-size:.95rem;font-weight:800;letter-spacing:.2px;padding:12px 14px;text-align:left}.staffonline-table tbody tr{border-bottom:1px solid #5865f21f;transition:background .2s ease}.staffonline-table tbody tr:hover{background:#5865f214}.staffonline-table tbody tr:last-child td{border-bottom:none}.staffonline-table td{font-size:.95rem;padding:12px 14px}.staffonline-player-name{color:#4ade80;font-weight:800}.staffonline-roblox-id{color:#9aa7bd;font-family:monospace;font-size:.9rem}.staffonline-callsign-badge{background:#5865f224;border:1px solid #5865f240;color:#5865f2;font-size:.9rem}.staffonline-callsign-badge,.staffonline-permission-badge{border-radius:10px;display:inline-block;font-weight:800;padding:6px 10px}.staffonline-permission-badge{border:1px solid #ffffff1a;font-size:.85rem}.staffonline-permission-badge.normal{background:#6b728033;color:#d1d5db}.staffonline-permission-badge.server-administrator{background:#ef44442e;color:#f87171}.staffonline-permission-badge.server-owner{background:#a855f72e;color:#c084fc}.staffonline-permission-badge.server-moderator{background:#facc152e;color:#facc15}.staffonline-permission-badge.server-co-owner{background:#3be2f12e;color:#67e8f9}.staffonline-registration-status{text-align:center}.staffonline-status-check{align-items:center;border:1px solid #ffffff1a;border-radius:10px;display:inline-flex;font-size:.85rem;font-weight:800;gap:6px;padding:6px 10px}.staffonline-status-check.registered{background:#22c55e26;border-color:#22c55e4d;color:#86efac}.staffonline-status-check.unregistered{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.staffonline-action-buttons{display:flex;gap:8px;justify-content:center}.staffonline-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:800;gap:6px;padding:8px 12px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.staffonline-action-btn:disabled{cursor:not-allowed;opacity:.5}.staffonline-kick-btn{background:#facc152e;border:1px solid #facc154d;color:#facc15}.staffonline-kick-btn:hover:not(:disabled){box-shadow:0 10px 22px #facc1547;transform:translateY(-2px)}.staffonline-ban-btn{background:#ef44442e;border:1px solid #ef44444d;color:#f87171}.staffonline-ban-btn:hover:not(:disabled){box-shadow:0 10px 22px #ef44444d;transform:translateY(-2px)}.staffonline-btn-spinner{animation:staffonlineSpin .8s linear infinite;border:2px solid #ffffff40;border-radius:50%;border-top-color:initial;display:inline-block;height:14px;width:14px}.staffonline-update-notice{align-items:center;background:#22c55e1f;border:1px solid #22c55e47;border-radius:12px;color:#86efac;display:flex;font-weight:800;gap:8px;margin-top:16px;padding:12px 14px}@keyframes staffonlineGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes staffonlineFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(26px,-22px) rotate(120deg)}66%{transform:translate(-22px,20px) rotate(240deg)}}@keyframes staffonlineFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes staffonlineSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes staffonlinePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (max-width:1024px){.staffonline-main{padding:1.5rem}.staffonline-status-bar{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:768px){.staffonline-main{padding:1.25rem}.profile-header,.staffonline-team-header h3{align-items:flex-start;flex-direction:column}.staffonline-team-header h3{gap:8px}.staffonline-table{font-size:.9rem;min-width:100%}.staffonline-table td,.staffonline-table th{padding:10px 8px}.staffonline-action-btn{font-size:.85rem;padding:6px 10px}}@media (max-width:480px){.staffonline-main{padding:1rem}.staffonline-team-header h3{font-size:1rem}}.staffannounce-main{animation:staffannounceGradient 18s ease infinite;background:linear-gradient(-45deg,#111827,#1f2533,#1a1f2e,#0f172a);background-size:400% 400%;color:#e8edf7;min-height:100vh;overflow-x:hidden;position:relative}.staffannounce-main:after,.staffannounce-main:before{animation:staffannounceFloat 22s ease-in-out infinite;background:radial-gradient(circle,#5865f21f 0,#0000 60%);content:"";filter:blur(2px);height:220%;pointer-events:none;position:fixed;width:220%;z-index:0}.staffannounce-main:after{animation-direction:reverse;animation-duration:26s;background:radial-gradient(circle,#50c8ff14 0,#0000 60%)}.staffannounce-wrapper{animation:staffannounceFadeUp .8s ease-out;margin:0 auto;max-width:1600px;padding:40px;position:relative;z-index:1}.profile-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px;position:relative;z-index:1}.header-content h2{align-items:center;color:#e8edf7;display:flex;font-family:Bebas Neue,sans-serif;font-size:2rem;gap:10px;letter-spacing:1px;margin:0;text-shadow:0 3px 12px #5865f24d}.cedula-info{align-items:center;color:#b8c5db;display:flex;gap:12px}.back-btn{align-items:center;background:#5865f226;border:1px solid #5865f259;border-radius:12px;color:#e8edf7;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease}.back-btn:hover{box-shadow:0 8px 24px #5865f259;transform:translateY(-2px)}.staffannounce-success{align-items:center;animation:staffannounceFadeUp .35s ease;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:14px;box-shadow:0 10px 26px #22c55e4d;color:#fff;display:flex;font-weight:800;gap:10px;margin-bottom:16px;padding:14px 18px;position:relative;z-index:1}.staffannounce-modal-overlay{align-items:center;animation:staffannounceFadeUp .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.staffannounce-modal{animation:staffannounceModalUp .3s ease;background:#161b29f5;border:1px solid #5865f240;border-radius:18px;box-shadow:0 28px 64px #00000080;color:#e8edf7;max-width:720px;overflow:hidden;width:92%}.staffannounce-modal-footer,.staffannounce-modal-header{align-items:center;border-bottom:1px solid #5865f22e;display:flex;gap:12px;justify-content:space-between;padding:18px 22px}.staffannounce-modal-footer{border-bottom:none;border-top:1px solid #5865f22e;justify-content:flex-end}.staffannounce-modal-header h3{align-items:center;display:flex;font-size:1.2rem;gap:8px;margin:0}.staffannounce-modal-close{background:#5865f21f;border:none;border-radius:50%;color:#e8edf7;cursor:pointer;height:38px;transition:transform .2s ease,background .2s ease;width:38px}.staffannounce-modal-close:hover{background:#ef444433;transform:rotate(90deg)}.staffannounce-modal-body{padding:18px 22px 10px}.staffannounce-edit-label{color:#e8edf7;display:block;font-weight:800;margin-bottom:10px}.staffannounce-edit-hint{color:#9aa7bd;display:block;font-size:.9rem;margin-top:4px}.staffannounce-edit-textarea{background:#1e2332f2;border:1px solid #5865f233;border-radius:12px;color:#e8edf7;min-height:120px;padding:14px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.staffannounce-edit-textarea:focus{border-color:#5865f2;box-shadow:0 0 0 4px #5865f233;outline:none}.staffannounce-character-count{color:#9aa7bd;font-size:.9rem;margin-top:8px;text-align:right}.staffannounce-modal-footer{gap:10px}.staffannounce-cancel-btn,.staffannounce-send-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;padding:12px 18px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.staffannounce-cancel-btn{background:#6b7280;color:#fff}.staffannounce-cancel-btn:hover{box-shadow:0 8px 18px #6b72804d;transform:translateY(-1px)}.staffannounce-send-btn{background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 12px 26px #5865f252;color:#fff}.staffannounce-send-btn:hover:not(:disabled){box-shadow:0 14px 30px #5865f261;transform:translateY(-1px)}.staffannounce-cancel-btn:disabled,.staffannounce-send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.staffannounce-btn-spinner{animation:staffannounceSpin .8s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.staffannounce-content{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#161b29e6;border:1px solid #5865f22e;border-radius:18px;box-shadow:0 18px 44px #0006;margin-bottom:1.25rem;overflow:hidden;padding:1.75rem;position:relative;z-index:1}.staffannounce-content:before{content:"";height:70%;pointer-events:none;position:absolute;right:-35%;top:-35%;width:70%}.staffannounce-search{margin-bottom:1.4rem}.staffannounce-search-box{align-items:center;background:#1e2332f2;border:1px solid #5865f233;border-radius:12px;box-shadow:0 12px 28px #00000059;display:flex;gap:10px;padding:14px 16px;position:relative}.staffannounce-search-icon{color:#9aa7bd;font-size:1.2rem}.staffannounce-search-input{background:#0000;border:none;color:#e8edf7;flex:1 1;outline:none}.staffannounce-search-input::placeholder{color:#9aa7bd}.staffannounce-search-box:focus-within{border-color:#5865f2;box-shadow:0 16px 36px #5865f252}.staffannounce-search-hint{color:#9aa7bd;font-size:.95rem;margin-top:8px}.staffannounce-no-results{background:#1e2332eb;border:1px dashed #5865f233;border-radius:14px;color:#b8c5db;padding:50px 18px;text-align:center}.staffannounce-category{animation:staffannounceFadeUp .45s ease;background:#121622e6;border:1px solid #5865f22e;border-radius:14px;box-shadow:0 14px 34px #00000061;margin-bottom:28px;overflow:hidden}.staffannounce-category-header{align-items:center;background:#242a3ce6;border-bottom:1px solid #5865f22e;display:flex;justify-content:space-between;padding:18px}.staffannounce-category-header h3{color:#e8edf7;font-size:1.1rem;margin:0}.staffannounce-template-count{background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:999px;box-shadow:0 10px 22px #5865f252;color:#fff;font-size:.9rem;font-weight:800;padding:6px 12px}.staffannounce-templates{grid-gap:14px;background:#121622d9;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:16px}.staffannounce-template-card{background:#1e2332f2;border:1px solid #5865f229;border-radius:12px;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:16px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.staffannounce-template-card:before{background:linear-gradient(180deg,#5865f2,#4ade80);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.staffannounce-template-card:hover{border-color:#5865f24d;box-shadow:0 14px 30px #0000005c;transform:translateY(-3px)}.staffannounce-template-text{color:#e8edf7;line-height:1.55;padding-left:8px}.staffannounce-select-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease}.staffannounce-select-btn:hover{box-shadow:0 10px 24px #5865f252;transform:translateY(-2px)}.staffannounce-footer{background:#161b29e6;border:1px solid #5865f22e;border-radius:14px;box-shadow:0 14px 32px #0000005c;display:flex;flex-wrap:wrap;gap:16px;padding:16px 18px;position:relative;z-index:1}.staffannounce-footer-item{align-items:center;color:#b8c5db;display:inline-flex;font-weight:600;gap:8px}.staffannounce-footer-item svg{color:#5865f2}@keyframes staffannounceGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes staffannounceFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(26px,-24px) rotate(120deg)}66%{transform:translate(-22px,20px) rotate(240deg)}}@keyframes staffannounceFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes staffannounceSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes staffannounceModalUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.staffannounce-content,.staffannounce-main{padding:1.5rem}.staffannounce-templates{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.staffannounce-main{padding:1.25rem}.profile-header,.staffannounce-category-header{align-items:flex-start;flex-direction:column}.staffannounce-category-header{gap:10px}.staffannounce-modal{width:95%}.staffannounce-modal-footer{align-items:stretch;flex-direction:column}.staffannounce-cancel-btn,.staffannounce-send-btn{justify-content:center;width:100%}}@media (max-width:480px){.staffannounce-main{padding:1rem}.header-content h2{font-size:1.6rem}}