@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;padding:0;height:100%;background-color:#242424}body{display:block;color:#ffffffde}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,select,textarea{font-family:inherit;font-size:inherit}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:.8}.buscador{padding:8px 12px;width:60%;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#fff;font-size:.95rem}.buscador::placeholder{color:#9ca3af}.buscador:focus{outline:none;border-color:#5c6bc0;background:#ffffff1a}#recharts_measurement_span{pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.buscador{width:100%}.table-responsive,.table-section{overflow-x:auto;-webkit-overflow-scrolling:touch}}.dashboard-layout{display:flex;min-height:100vh;width:100vw;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#000428,#004e92);color:#fff;animation:fadeIn .6s ease-in-out;overflow-x:hidden}.sidebar{width:240px;min-width:240px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.15);padding:30px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:4px 0 10px #0006;overflow-y:auto;transition:transform .3s ease}.sidebar-title{font-size:24px;font-weight:700;margin-bottom:30px;text-align:center}.sidebar-menu{display:flex;flex-direction:column;gap:15px}.sidebar-link{background:transparent;border:none;color:#fff;text-align:left;padding:12px;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s ease}.sidebar-link:hover{background:#ffffff1a}.sidebar-link.active{background:#0072ff40;border-left:3px solid #00c6ff}.sidebar-tenant-badge{margin-top:auto;margin-bottom:10px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:.8rem;color:#9ca3af}.sidebar-tenant-badge p{margin:0 0 4px;font-size:.72rem;text-transform:uppercase;font-weight:600}.sidebar-tenant-badge strong{color:#34d399;font-size:.85rem}.logout-button{margin-top:40px;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#8d0707,#8d0707);color:#fff;font-weight:700;cursor:pointer;transition:background .3s}.logout-button:hover{background:linear-gradient(135deg,#520d0d,#520d0d)}.main-content{flex:1;padding:40px;animation:fadeIn .6s ease-in-out;overflow-y:auto;overflow-x:hidden;min-width:0}.sidebar-toggle{display:none;position:fixed;top:12px;left:12px;z-index:1100;background:#0072ffe6;border:none;border-radius:8px;color:#fff;font-size:1.5rem;width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000004d;transition:background .2s}.sidebar-toggle:hover{background:#00c6ffe6}.sidebar-overlay{display:none}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar-toggle{display:flex}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1050;transform:translate(-100%);width:260px;min-width:260px}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1040}.sidebar-overlay.sidebar-overlay-visible{display:block}.main-content{padding:60px 15px 20px;width:100%}}@media (max-width: 480px){.main-content{padding:55px 10px 15px}.sidebar{width:240px;min-width:240px;padding:20px 15px}.sidebar-link{font-size:14px;padding:10px}.sidebar-title{font-size:20px;margin-bottom:20px}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#000428,#004e92);font-family:Segoe UI,sans-serif}.login-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:40px 30px;width:320px;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 30px #0009;animation:fadeIn .7s ease-in-out}.login-form h2{color:#fff;text-align:center}.login-form input{padding:12px;border:none;border-radius:8px;background:#fff1;color:#fff;font-size:16px;transition:background .3s}.login-form input:focus{background:#fff2;outline:none}.login-form button{padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:background .3s ease}.login-form button:hover{background:linear-gradient(135deg,#0072ff,#00c6ff)}.error{color:#ff6b6b;text-align:center;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.login-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#000428,#004e92);font-family:Segoe UI,sans-serif}.clientes-container{padding:2rem;color:#fff;font-family:Segoe UI,sans-serif;animation:fadeIn .7s ease-in-out}.clientes-container h1{text-align:center;margin-bottom:1.5rem;font-size:1.8rem}.clientes-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:1.5rem}.clientes-controls input{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;font-size:.95rem;min-width:200px;box-sizing:border-box}.clientes-controls input::placeholder{color:#9ca3af}.clientes-controls input:focus{outline:none;border-color:#3b82f6;background:#ffffff14}.clientes-controls button{padding:10px 15px;border:none;border-radius:8px;background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.clientes-controls button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0072ff4d}.clientes-table{width:100%;border-collapse:collapse;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;overflow:hidden;margin-bottom:1rem}.clientes-table th,.clientes-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.clientes-table th{text-align:left;color:#d1d5db;font-size:.85rem;text-transform:uppercase;font-weight:600}.clientes-table td{color:#ffffffde;font-size:.92rem}.clientes-table button{padding:5px 10px;margin-right:5px;border-radius:6px;border:none;background-color:#00c6ff;color:#fff;cursor:pointer;font-size:.82rem;transition:opacity .2s}.clientes-table button:hover{opacity:.85}.clientes-table .eliminar{background-color:#ff6b6b}.clientes-table .btn-perfiles{background-color:#0a9227}.paginacion{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;margin-top:.5rem}.paginacion button{padding:8px 12px;border:none;border-radius:6px;background:#0072ff;color:#fff;cursor:pointer;font-size:.85rem;transition:background .2s}.paginacion button:hover:not(:disabled){background:#00c6ff}.paginacion button:disabled{opacity:.4;cursor:default}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#1e293b;padding:2rem;border-radius:1rem;width:340px;max-width:90vw;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;gap:1rem}.modal h2{color:#fff;margin:0 0 .5rem;font-size:1.2rem}.modal input,.modal select{background-color:#f9fafb;padding:.6rem .8rem;font-size:1rem;color:#111827;border:1px solid #d1d5db;border-radius:8px;width:100%;box-sizing:border-box}.modal input::placeholder{color:#9ca3af}.modal input:focus,.modal select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.modal-buttons{display:flex;justify-content:space-between;gap:10px}.modal button{padding:.5rem 1rem;font-weight:700;background-color:#0072ff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.modal button:hover{background-color:#0058cc}.modal .cancelar{background-color:#6b7280;color:#fff}.modal .cancelar:hover{background-color:#4b5563}.perfil-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.perfil-modal-container{background:#1e293b;border-radius:1rem;padding:1.5rem;max-width:95vw;max-height:85vh;overflow:auto;box-shadow:0 8px 32px #0006}.perfil-table{width:100%;border-collapse:collapse}.perfil-table th,.perfil-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.88rem;color:#ffffffde}.perfil-table th{color:#d1d5db;font-weight:600;text-transform:uppercase;font-size:.78rem}.botones-container{vertical-align:middle}.botones{display:flex;gap:5px;flex-wrap:wrap}.botones button{padding:5px 10px;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.78rem;transition:opacity .2s}.botones button:hover{opacity:.85}.btn-editar{background-color:#3b82f6}.btn-recordatorio{background-color:#f59e0b}.btn-renovar{background-color:#10b981}.btn-eliminar{background-color:#ef4444}.btn-copy{background-color:#8b5cf6}.btn-cancelar{background-color:#6b7280;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:700}.btn-cancelar:hover{background-color:#4b5563}@media (prefers-color-scheme: light){.clientes-container{color:#1f2937}.clientes-container h1{color:#111827}.clientes-controls input{background:#f9fafb;border-color:#d1d5db;color:#111827}.clientes-controls input::placeholder{color:#9ca3af}.clientes-table{background:#00000005}.clientes-table th{color:#6b7280;border-bottom-color:#0000001a}.clientes-table td{color:#374151;border-bottom-color:#0000000f}}@media (max-width: 768px){.clientes-container{padding:1rem}.clientes-container h1{font-size:1.3rem}.clientes-controls{flex-direction:column;align-items:stretch}.clientes-controls input{min-width:unset;width:100%}.clientes-controls button{width:100%}.clientes-table,.clientes-table thead,.clientes-table tbody,.clientes-table th,.clientes-table td,.clientes-table tr{display:block}.clientes-table thead{display:none}.clientes-table tr{margin-bottom:12px;background:#ffffff0a;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.06)}.clientes-table td{padding:6px 0;border-bottom:none;text-align:left;font-size:.9rem}.clientes-table td:before{content:attr(data-label);font-weight:600;color:#9ca3af;font-size:.75rem;text-transform:uppercase;display:block;margin-bottom:2px}.clientes-table td:last-child{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px}.clientes-table td:last-child button{flex:1;min-width:80px;font-size:.8rem}.paginacion{gap:3px}.paginacion button{padding:6px 10px;font-size:.78rem}.modal{width:90vw;padding:1.5rem}.perfil-modal-container{max-width:95vw;padding:1rem}.perfil-table,.perfil-table thead,.perfil-table tbody,.perfil-table th,.perfil-table td,.perfil-table tr{display:block}.perfil-table thead{display:none}.perfil-table tr{margin-bottom:12px;background:#ffffff0a;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.06)}.perfil-table td{padding:4px 0;border-bottom:none;font-size:.85rem}.botones{flex-direction:column;gap:6px;margin-top:8px}.botones button{width:100%;padding:8px;font-size:.82rem}}@media (max-width: 480px){.clientes-container{padding:.75rem}.clientes-container h1{font-size:1.1rem}.modal{padding:1.2rem}.modal input,.modal select{font-size:.9rem;padding:.5rem .6rem}}.proveedores-container{padding:2rem;color:#fff;font-family:Segoe UI,sans-serif;animation:fadeIn .7s ease-in-out}h1{text-align:center;margin-bottom:1.5rem}.proveedores-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:1.5rem}.proveedores-controls input{padding:10px;border-radius:8px;border:none;background:#fff1;color:#fff}.proveedores-controls button{padding:10px 15px;border:none;border-radius:8px;background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;font-weight:700;cursor:pointer}.proveedores-table{width:100%;border-collapse:collapse;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;overflow:hidden;margin-bottom:1rem}.proveedores-table th,.proveedores-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.proveedores-table th{text-align:left;color:#fff}.sort-btn{background:none;color:#00c6ff;margin-left:8px;cursor:pointer;font-size:1rem;border:none}.proveedores-table button{padding:5px 10px;margin-right:5px;border-radius:6px;border:none;background-color:#00c6ff;color:#fff;cursor:pointer}.proveedores-table .eliminar{background-color:#ff6b6b}.paginacion{display:flex;justify-content:center;gap:5px}.paginacion button{padding:8px 12px;border:none;border-radius:6px;background:#0072ff;color:#fff;cursor:pointer}.paginacion .activo{background:#00c6ff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#485577;padding:2rem;border-radius:1rem;width:300px;box-shadow:0 4px 12px #20659240;display:flex;flex-direction:column;gap:1rem}.modal input{background-color:#fff;padding:.5rem;font-size:1rem;color:#000}.modal-buttons{display:flex;justify-content:space-between}.modal button{padding:.5rem 1rem;font-weight:700;background-color:#081a35;color:#fff;border:none;border-radius:6px;cursor:pointer}.modal .cancelar{background-color:#ccc;color:#000}.cuentas-container{padding:2rem;color:#e8eaf6;font-family:Segoe UI,Inter,sans-serif;animation:fadeIn .5s ease-in-out}h1{text-align:center;margin-bottom:1.5rem;font-size:1.8rem;letter-spacing:.5px;color:#fff}.cuentas-controls{display:flex;justify-content:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap;align-items:center}.cuentas-controls input{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:#fff;width:320px;font-size:.95rem;transition:border-color .3s ease,background .3s ease}.cuentas-controls input:focus{outline:none;border-color:#5c6bc0;background:#ffffff1a}.cuentas-controls button{padding:10px 18px;border:none;border-radius:8px;background:linear-gradient(135deg,#5c6bc0,#3f51b5);color:#fff;font-weight:600;cursor:pointer;font-size:.95rem;transition:transform .1s ease,box-shadow .2s ease;box-shadow:0 2px 8px #3f51b54d}.cuentas-controls button:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3f51b566}.toolbar-acciones{margin:16px 0;padding:14px 20px;background:#1e1e46b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;box-shadow:0 4px 16px #0003}.toolbar-acciones .badge-count{background:#5c6bc0;padding:5px 14px;border-radius:20px;color:#fff;font-size:.88rem;font-weight:700;letter-spacing:.3px}.toolbar-acciones button{padding:7px 14px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;color:#fff;transition:background-color .2s ease,opacity .2s ease,transform .1s ease}.toolbar-acciones button:disabled{opacity:.35;cursor:not-allowed}.toolbar-acciones button:not(:disabled):hover{transform:translateY(-1px)}.cuentas-table{width:100%;border-collapse:collapse;background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;overflow:hidden;margin-bottom:1rem;border:1px solid rgba(255,255,255,.06)}.cuentas-table th,.cuentas-table td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-size:.92rem}.cuentas-table th{background:#00000040;color:#b0bec5;font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.cuentas-table th:hover{color:#fff}.cuentas-table tbody tr{transition:background .2s ease}.cuentas-table tbody tr:hover{background:#ffffff0f}.cuentas-table tbody tr.selected-row{background:#5c6bc026;border-left:3px solid #5c6bc0}.inline-date-cell{display:flex;align-items:center;gap:6px}.inline-date-cell input[type=date]{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e8eaf6;padding:4px 8px;border-radius:6px;font-size:.88rem;cursor:pointer;transition:border-color .2s,background .2s;width:140px}.inline-date-cell input[type=date]:focus{outline:none;border-color:#7c4dff;background:#ffffff1f}.inline-date-cell .date-save-btn{background:#43a047;border:none;color:#fff;padding:4px 8px;border-radius:5px;font-size:.8rem;cursor:pointer;transition:background .2s}.inline-date-cell .date-save-btn:hover{background:#2e7d32}.badge-pagado{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.78rem;font-weight:600;letter-spacing:.3px}.badge-pagado.vigente{background:#43a04733;color:#66bb6a;border:1px solid rgba(67,160,71,.3)}.badge-pagado.por-vencer{background:#ffa72633;color:#ffa726;border:1px solid rgba(255,167,38,.3)}.badge-pagado.vencida{background:#ef535033;color:#ef5350;border:1px solid rgba(239,83,80,.3)}.badge-pagado.sin-fecha{background:#9e9e9e26;color:#9e9e9e;border:1px solid rgba(158,158,158,.2)}.created-at-cell{font-size:.82rem;color:#90a4ae}.created-at-cell .days-ago{display:block;font-size:.75rem;color:#607d8b;margin-top:2px}.paginacion{display:flex;justify-content:center;gap:6px;margin-top:1rem}.paginacion button{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#b0bec5;padding:7px 14px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.paginacion button:hover{background:#5c6bc033;color:#fff}.paginacion button.activo{background:linear-gradient(135deg,#5c6bc0,#3f51b5);color:#fff;border-color:#5c6bc0;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#0f172af7;padding:2rem;border-radius:16px;width:95%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px #00000080;color:#e8eaf6;border:1px solid rgba(255,255,255,.06);font-family:Segoe UI,sans-serif}.modal h2{margin-top:0;margin-bottom:1.2rem;font-size:1.3rem;color:#fff}.modal input,.modal select{width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#e8eaf6;font-size:.95rem;transition:border-color .2s;box-sizing:border-box}.modal input:focus,.modal select:focus{outline:none;border-color:#5c6bc0;background:#ffffff17}.modal label{color:#b0bec5;font-size:.9rem;display:flex;align-items:center;gap:8px;margin:8px 0}.modal-buttons{display:flex;justify-content:space-between;margin-top:1.2rem;gap:10px}.modal button{padding:10px 20px;font-weight:600;background:linear-gradient(135deg,#5c6bc0,#3f51b5);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;transition:transform .1s,box-shadow .2s}.modal button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3f51b54d}.modal .cancelar{background:linear-gradient(135deg,#c62828,#b71c1c)}.modal .cancelar:hover{box-shadow:0 4px 12px #c628284d}.perfil-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999}.perfil-modal-container{background:#0f172af7;padding:2rem;border-radius:16px;width:95%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px #00000080;color:#e8eaf6;border:1px solid rgba(255,255,255,.06);font-family:Segoe UI,sans-serif}.perfil-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;background:#ffffff08;border-radius:8px;overflow:hidden}.perfil-table th,.perfil-table td{padding:12px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08);color:#c5cae9}.perfil-table th{background:#0000004d;color:#b0bec5;font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.perfil-table tr:hover{background:#ffffff0a}.btn-editar,.btn-eliminar,.btn-nuevo,.btn-cancelar{padding:8px 14px;margin-right:8px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:background-color .2s ease,transform .1s ease}.btn-editar{background-color:#43a047;color:#fff}.btn-editar:hover{background-color:#2e7d32;transform:translateY(-1px)}.btn-eliminar{background-color:#e53935;color:#fff}.btn-eliminar:hover{background-color:#c62828;transform:translateY(-1px)}.btn-nuevo{background-color:#5c6bc0;color:#fff}.btn-nuevo:hover{background-color:#3f51b5;transform:translateY(-1px)}.btn-cancelar{background-color:#c62828;color:#fff}.btn-copy{background-color:#7b1fa2;color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem}.btn-copy:hover{background-color:#6a1b9a;transform:translateY(-1px)}.btn-recordatorio{background-color:#ef6c00;color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem}.btn-recordatorio:hover{background-color:#e65100}.btn-renovar{background-color:#1e88e5;color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem}.btn-renovar:hover{background-color:#1565c0}.btn-perfiles{background-color:#2e7d32;color:#fff}.perfil-modal-actions{display:flex;justify-content:flex-end;margin-top:1rem;gap:10px}.botones-container{display:flex;justify-content:center;align-items:center}.botones{display:flex;gap:8px;flex-wrap:wrap}.cuentas-table input[type=checkbox]{width:16px;height:16px;accent-color:#5c6bc0;cursor:pointer}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.5rem;border-radius:12px}.credentials-cell{min-width:250px;text-align:left}.credentials-flex{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.account-email-text{font-weight:600;color:#fff;font-size:.92rem;word-break:break-all}.account-pwd-box{display:flex;align-items:center;gap:6px;background:#00000040;padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.pwd-text{font-family:monospace;font-size:.82rem;color:#b0bec5}.btn-copy-pwd{background:transparent;border:none;cursor:pointer;font-size:.78rem;color:#9fa8da;padding:1px 4px;border-radius:4px;transition:all .2s ease}.btn-copy-pwd:hover{background:#ffffff1a;color:#fff}.updated-at-cell{display:flex;flex-direction:column;gap:2px;min-width:140px}.time-ago-tag{font-weight:600;color:#81c784;font-size:.88rem}.full-date-sub{font-size:.75rem;color:#90a4ae}.pagination-dots{color:#90a4ae;padding:0 4px;display:inline-flex;align-items:center}@media (max-width: 850px){.cuentas-container{padding:1rem .75rem}.cuentas-controls{flex-direction:column;align-items:stretch;gap:10px}.cuentas-controls input{width:100%;box-sizing:border-box}.toolbar-acciones{flex-direction:column;align-items:stretch;gap:12px}.toolbar-acciones>div{flex-wrap:wrap;justify-content:center}.table-responsive-wrapper{overflow-x:visible}.cuentas-table,.cuentas-table thead,.cuentas-table tbody,.cuentas-table th,.cuentas-table td,.cuentas-table tr{display:block;width:100%;box-sizing:border-box}.cuentas-table thead{display:none}.cuentas-table tbody tr{background:#1e1e4673;border:1px solid rgba(255,255,255,.12);border-radius:14px;margin-bottom:16px;padding:12px 14px;box-shadow:0 4px 14px #00000040;display:flex;flex-direction:column;gap:8px}.cuentas-table tbody tr.selected-row{border-color:#5c6bc0;background:#5c6bc02e}.cuentas-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;border:none;border-bottom:1px solid rgba(255,255,255,.06);padding:8px 0;min-width:unset;flex-wrap:wrap;gap:8px}.cuentas-table td:last-child{border-bottom:none}.cuentas-table td:before{content:attr(data-label);font-weight:700;color:#9fa8da;text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;margin-right:auto;flex-shrink:0}.cuentas-table td[data-label=Seleccionar]{justify-content:flex-start;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;margin-bottom:2px}.cuentas-table td[data-label=Seleccionar] input[type=checkbox]{transform:scale(1.2);margin-left:8px}.credentials-flex,.updated-at-cell{align-items:flex-end;text-align:right}.paginacion{flex-wrap:wrap;gap:4px;justify-content:center}.paginacion button{padding:6px 10px;font-size:.8rem}}.button-select{display:inline-block;padding:.6rem 1.2rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#3c8cdd,#3473b2);border:none;border-radius:.5rem;cursor:pointer;transition:background .3s ease,transform .1s ease;box-shadow:0 2px 6px #00000026}.button-select:hover{background:linear-gradient(135deg,#4799eb,#2d80d2)}.button-select:active{transform:translateY(1px)}.button-select.selected{background:linear-gradient(135deg,#28bd5a,#288a49);box-shadow:0 2px 8px #00800033}.button-select.danger{background:linear-gradient(135deg,#dd3c3c,#b23434)}.button-select.secondary{background:linear-gradient(135deg,#8599ad,#6c8093)}.perfiles-container{max-width:1000px;margin:0 auto;padding:20px}.perfiles-controls{display:flex;justify-content:space-between;margin-bottom:20px}.buscador{padding:8px;width:60%;border:1px solid #ccc;border-radius:5px}.perfiles-table{width:100%;border-collapse:collapse}.perfiles-table th,.perfiles-table td{border:1px solid rgba(255,255,255,.1);padding:10px;text-align:center;color:#ffffffde}.perfiles-table th{background-color:#00000040;color:#b0bec5;cursor:pointer;font-weight:600;text-transform:uppercase;font-size:.8rem}.perfiles-table tr:nth-child(2n){background-color:#ffffff08}.perfiles-table tr:hover{background-color:#ffffff0f}.eliminar{background-color:#4e0c05;border:none;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer}.eliminar:hover{background-color:#c0392b}.cuentas-table .btn-recordatorio{background-color:#ff9800;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.cuentas-table .btn-editar{background-color:#05ac4b;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.cuentas-table .btn-copy .btn-enviar{background-color:#4a30a5;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.cuentas-table .desactivar{background-color:#971818;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.cuentas-table .btn-recordatorio:hover{background-color:#925903;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.cuentas-table .btn-editar:hover{background-color:#047232;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.cuentas-table .btn-copy:hover{background-color:#1f1447;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.cuentas-table .desactivar:hover{background-color:#300622;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer}.acciones-bloque{margin-bottom:6px;display:flex;gap:6px;flex-wrap:wrap}.btn-editar,.btn-copy,.btn-enviar,.btn-recordatorio,.btn-renovar,.btn-cambiar,.desactivar,.eliminar{padding:5px 8px;font-size:12px;cursor:pointer}.col-acciones button{font-size:12px;padding:4px 6px;cursor:pointer;width:100%}.btn-cambiar{background-color:#022031;color:#fff;border:none;padding:6px 10px;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;transition:.2s ease-in-out;width:100%}.btn-cambiar:hover{background-color:#076fa8;transform:scale(1.03)}.btn-cambiar:active{background-color:#01121b;transform:scale(.97)}.profile-pin-badge{display:inline-block;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cfd8dc;font-size:.72rem;padding:1px 6px;border-radius:4px;margin-left:6px}.platform-tag-pill{display:inline-block;background:#5c6bc040;color:#9fa8da;border:1px solid rgba(92,107,192,.4);font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.badge-status-pill{display:inline-block;font-size:.78rem;margin-left:6px}@media (max-width: 850px){.perfiles-container{padding:1rem .75rem}.perfiles-controls{flex-direction:column;align-items:stretch;gap:10px}.buscador{width:100%;box-sizing:border-box}.toolbar-acciones{flex-direction:column;align-items:stretch;gap:12px}.toolbar-acciones>div{flex-wrap:wrap;justify-content:center;border-right:none!important;padding-right:0!important}.table-responsive-wrapper{overflow-x:visible}.cuentas-table,.cuentas-table thead,.cuentas-table tbody,.cuentas-table th,.cuentas-table td,.cuentas-table tr{display:block;width:100%;box-sizing:border-box}.cuentas-table thead{display:none}.cuentas-table tbody tr{background:#1e1e4673;border:1px solid rgba(255,255,255,.12);border-radius:14px;margin-bottom:16px;padding:12px 14px;box-shadow:0 4px 14px #00000040;display:flex;flex-direction:column;gap:8px}.cuentas-table tbody tr.selected-row{border-color:#5c6bc0;background:#5c6bc02e}.cuentas-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;border:none;border-bottom:1px solid rgba(255,255,255,.06);padding:8px 0;min-width:unset;flex-wrap:wrap;gap:8px}.cuentas-table td:last-child{border-bottom:none}.cuentas-table td:before{content:attr(data-label);font-weight:700;color:#9fa8da;text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;margin-right:auto;flex-shrink:0}.cuentas-table td[data-label=Seleccionar]{justify-content:flex-start;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;margin-bottom:2px}.cuentas-table td[data-label=Seleccionar] input[type=checkbox]{transform:scale(1.2);margin-left:8px}.paginacion{flex-wrap:wrap;gap:4px;justify-content:center}.paginacion button{padding:6px 10px;font-size:.8rem}}.estadisticas-container{padding:30px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-header{margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px}.stats-header h1{font-size:2rem;margin:0}.stats-header p{color:#9ca3af;margin:5px 0 0}.stats-tabs{display:flex;gap:8px;margin-bottom:30px;background:#ffffff05;padding:6px;border-radius:14px;border:1px solid rgba(255,255,255,.05);width:fit-content}.tab-btn{background:transparent;border:none;color:#9ca3af;padding:10px 20px;border-radius:10px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .3s ease}.tab-btn:hover{background:#ffffff0a;color:#fff}.tab-active{background:#3b82f61f!important;color:#60a5fa!important;border:1px solid rgba(59,130,246,.2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-bottom:35px}.stat-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);border-color:#ffffff14}.stat-label{font-size:.78rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.7rem;font-weight:700;color:#fff;letter-spacing:-.5px}.stat-subtext{font-size:.72rem;color:#6b7280}.stat-earnings{border-left:4px solid #10b981}.stat-refunds{border-left:4px solid #ef4444}.stat-costs{border-left:4px solid #f59e0b}.stat-profits{border-left:4px solid #3b82f6}.stat-active-profiles{border-left:4px solid #8b5cf6}.stat-inactive-profiles{border-left:4px solid #6b7280}.color-profit{color:#34d399}.color-loss{color:#f87171}.charts-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:22px;margin-bottom:35px}@media (max-width: 768px){.charts-row{grid-template-columns:1fr}}.chart-box{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:22px}.chart-box-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.chart-box-header h3{font-size:1.05rem;font-weight:600;margin:0}.period-switch-group{display:flex;gap:4px;background:#ffffff0a;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.07)}.period-btn{background:transparent;border:none;color:#9ca3af;padding:5px 12px;border-radius:7px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.period-btn:hover{color:#fff;background:#ffffff0f}.period-btn.period-active{background:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.35)}.analysis-row{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin-bottom:30px}@media (max-width: 992px){.analysis-row{grid-template-columns:1fr}}.analysis-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:22px}.analysis-card h3{font-size:1.05rem;font-weight:600;margin-top:0;margin-bottom:18px}.profitability-table-wrapper{width:100%;overflow-x:auto}.profitability-table-wrapper table{width:100%;border-collapse:collapse;text-align:left}.profitability-table-wrapper th{padding:12px 16px;font-size:.78rem;color:#9ca3af;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08)}.profitability-table-wrapper td{padding:14px 16px;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.04)}.text-profit{color:#34d399;font-weight:600}.text-loss{color:#f87171;font-weight:600}.pct-bar-container{display:flex;align-items:center;gap:10px}.pct-bar{height:8px;border-radius:4px;min-width:4px;transition:width .6s ease}.leaderboard-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.leaderboard-item{display:flex;align-items:center;gap:15px;background:#00000026;padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.03)}.leaderboard-rank{font-weight:700;color:#60a5fa;font-size:.95rem;width:24px}.leaderboard-name{flex-grow:1;font-weight:600}.leaderboard-count{font-size:.85rem;color:#10b981;background:#10b9811a;padding:4px 8px;border-radius:8px;font-weight:600}.stats-loading{padding:40px;text-align:center;color:#9ca3af;font-size:1.1rem}.insight-badges{display:flex;gap:16px;margin-bottom:30px;flex-wrap:wrap}.insight-badge{display:flex;align-items:center;gap:14px;padding:18px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.06);flex:1;min-width:280px}.badge-growth{background:#10b9810f;border-left:4px solid #10b981}.badge-loss{background:#ef44440f;border-left:4px solid #ef4444}.badge-icon{font-size:1.6rem}.insight-badge strong{font-size:.88rem;display:block;margin-bottom:3px}.insight-badge p{font-size:.82rem;color:#9ca3af;margin:0}.actionable-header{margin-bottom:30px}.actionable-header h2{font-size:1.6rem;font-weight:700;margin:0 0 8px}.actionable-header p{color:#9ca3af;margin:0;font-size:.9rem}.actionable-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:22px}.actionable-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-left:4px solid #3b82f6;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:18px;transition:all .3s ease}.actionable-card:hover{transform:translateY(-3px);border-color:#ffffff1f;box-shadow:0 8px 25px #0000004d}.ac-header{display:flex;justify-content:space-between;align-items:flex-start}.ac-platform-name{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ac-platform-name h3{margin:0;font-size:1.25rem;font-weight:700}.ac-signal-badge{font-size:.76rem;font-weight:700;padding:5px 12px;border-radius:8px;letter-spacing:.3px}.ac-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ac-metric{display:flex;flex-direction:column;align-items:center;background:#00000026;border-radius:12px;padding:12px 8px}.ac-metric-label{font-size:.7rem;color:#9ca3af;text-transform:uppercase;font-weight:600}.ac-metric-value{font-size:1.3rem;font-weight:700;color:#fff}.ac-utilization{display:flex;flex-direction:column;gap:6px}.ac-util-header{display:flex;justify-content:space-between;font-size:.82rem;color:#9ca3af}.ac-util-track{background:#ffffff0d;border-radius:6px;height:10px;overflow:hidden}.ac-util-fill{height:100%;border-radius:6px;transition:width .8s cubic-bezier(.16,1,.3,1)}.ac-financial-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ac-fin-item{display:flex;flex-direction:column;align-items:center}.ac-fin-label{font-size:.7rem;color:#6b7280;text-transform:uppercase;font-weight:600}.ac-fin-value{font-size:1rem;font-weight:700;color:#fff}.ac-recommendation{background:#0000001f;border-radius:12px;padding:14px 16px}.ac-recommendation p{margin:0;font-size:.84rem;color:#d1d5db;line-height:1.5}.empty-analytics{text-align:center;padding:60px 30px;color:#6b7280;font-size:1rem}.dashboard-container{background:linear-gradient(135deg,#000428,#004e92);color:#fff;font-family:Segoe UI,sans-serif;padding:40px 20px;animation:fadeIn .7s ease-in-out}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap}.dashboard-header h1{font-size:32px;margin:0}.dashboard-header button{padding:10px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#8d0707,#8d0707);color:#fff;font-weight:700;cursor:pointer;transition:background .3s}.dashboard-header button:hover{background:linear-gradient(135deg,#520d0d,#520d0d)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.dashboard-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:30px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #0006;transition:transform .3s,box-shadow .3s;cursor:pointer}.dashboard-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0009}.dashboard-card h3{margin-top:15px;font-size:18px;color:#fff}.card-icon{font-size:40px}.bot-buttons{display:flex;gap:10px;margin-top:10px;justify-content:center}.button-encender{background-color:#4caf50;color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer}.button-apagar{background-color:#f44336;color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer}.button-encender:disabled,.button-apagar:disabled{opacity:.6;cursor:not-allowed}.portal-login-wrapper,.portal-dashboard-wrapper{font-family:Outfit,sans-serif;min-height:100vh;background:radial-gradient(circle at 10% 20%,#141414,#242424 90.2%);color:#f3f4f6;padding:20px}.portal-login-wrapper{display:flex;justify-content:center;align-items:center}.portal-login-card{width:100%;max-width:440px;background:#ffffff08;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px 30px;box-shadow:0 20px 40px #00000080;animation:fadeIn .6s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.portal-logo{text-align:center;margin-bottom:30px}.logo-icon{font-size:3rem;display:inline-block;margin-bottom:10px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.portal-logo h2{font-size:1.8rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portal-logo .subtitle{font-size:.9rem;color:#9ca3af;margin-top:6px}.portal-form{display:flex;flex-direction:column;gap:20px}.portal-error-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:12px;padding:12px;font-size:.85rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.form-group input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;background:#ffffff14;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.portal-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;padding:14px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.portal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.portal-btn:active{transform:translateY(0)}.portal-footer{text-align:center;margin-top:30px;font-size:.75rem;color:#6b7280}.portal-dashboard-wrapper{max-width:1200px;margin:0 auto;padding-bottom:60px}.portal-dashboard-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:20px;margin-bottom:40px;flex-wrap:wrap;gap:20px}.portal-header-left h1{font-size:2.2rem;font-weight:700;margin:0 0 5px;background:linear-gradient(to right,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portal-header-left p{color:#9ca3af;margin:0;font-size:.95rem}.store-badge{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:8px;display:inline-block;margin-bottom:8px;text-transform:uppercase}.portal-btn-logout{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#f3f4f6;border-radius:12px;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.portal-btn-logout:hover{background:#ef44441a;border-color:#ef444466;color:#ef4444}.section-title{font-size:1.4rem;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px}.credentials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:25px;margin-bottom:50px}.credential-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:24px;box-shadow:0 10px 20px #0003;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.credential-card:hover{transform:translateY(-5px);border-color:#ffffff1f;box-shadow:0 15px 30px #0000004d;background:#ffffff0a}.card-disabled{opacity:.55;filter:grayscale(40%)}.card-header{display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:15px;margin-bottom:15px}.platform-icon{font-size:2rem;background:#ffffff0a;width:48px;height:48px;display:flex;justify-content:center;align-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.platform-meta{flex-grow:1}.platform-meta h3{font-size:1.1rem;font-weight:700;margin:0 0 2px;color:#fff}.platform-meta p{font-size:.8rem;color:#9ca3af;margin:0}.status-badge{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase}.badge-active{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399}.badge-warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#fbbf24}.badge-inactive{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}.card-body{display:flex;flex-direction:column;gap:15px}.cred-field{display:flex;flex-direction:column;gap:5px}.cred-field label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.field-value-row{display:flex;justify-content:space-between;align-items:center;background:#0003;border:1px solid rgba(255,255,255,.03);border-radius:10px;padding:10px 14px}.field-value{font-size:.9rem;font-weight:500;color:#e5e7eb;word-break:break-all}.copyable{cursor:pointer}.copy-hint{font-size:.85rem;opacity:.6}.field-value-row:hover .copy-hint{opacity:1}.btn-toggle-view{background:none;border:none;color:#60a5fa;font-size:.75rem;font-weight:600;cursor:pointer;padding:0}.btn-toggle-view:hover{text-decoration:underline}.cred-field-pin-expiration{display:flex;gap:20px;margin-top:5px}.half-field{flex:1;display:flex;flex-direction:column;gap:5px}.half-field label{font-size:.72rem;font-weight:600;color:#6b7280;text-transform:uppercase}.pin-badge{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3);font-size:1.1rem;font-weight:700;letter-spacing:1px;text-align:center;padding:6px;border-radius:10px}.date-value{background:#ffffff0a;color:#d1d5db;border:1px solid rgba(255,255,255,.06);font-size:.9rem;font-weight:600;text-align:center;padding:8px;border-radius:10px}.empty-vault-card{text-align:center;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);padding:40px;border-radius:20px;color:#9ca3af}.faq-section{margin-top:50px}.faq-accordion{display:flex;flex-direction:column;gap:12px}.faq-item{background:#ffffff04;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px 20px;cursor:pointer;transition:all .3s ease}.faq-item:hover{background:#ffffff08;border-color:#ffffff14}.faq-question{display:flex;justify-content:space-between;align-items:center}.faq-question h3{font-size:1rem;font-weight:600;color:#fff;margin:0}.accordion-chevron{font-size:.75rem;color:#9ca3af;transition:transform .3s ease}.faq-open{border-color:#10b9814d;background:#10b98105}.faq-answer{margin-top:12px;border-top:1px solid rgba(255,255,255,.05);padding-top:12px;color:#9ca3af;font-size:.9rem;line-height:1.5;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.portal-dashboard-footer{text-align:center;border-top:1px solid rgba(255,255,255,.06);padding-top:30px;margin-top:60px;color:#9ca3af;font-size:.9rem}.portal-dashboard-footer .copyright{font-size:.75rem;color:#4b5563;margin-top:10px}.tenants-container{padding:30px;animation:fadeIn .4s ease}.tenants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px}.tenants-header h1{font-size:2rem;font-weight:700;margin:0}.tenants-header p{color:#9ca3af;margin:5px 0 0}.btn-add-tenant{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;padding:12px 24px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-tenant:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.tenants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.tenant-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px;transition:all .3s ease}.tenant-card:hover{border-color:#ffffff1f;transform:translateY(-4px)}.tenant-inactive{opacity:.65}.card-top{display:flex;align-items:center;gap:15px}.tenant-icon{font-size:2rem;background:#ffffff0a;width:48px;height:48px;display:flex;justify-content:center;align-items:center;border-radius:12px}.tenant-info{flex-grow:1}.tenant-info h3{margin:0;font-size:1.15rem;font-weight:700}.tenant-info p{margin:2px 0 0;font-size:.8rem;color:#6b7280}.plan-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;padding:4px 8px;border-radius:8px}.plan-basic{background:#9ca3af26;color:#d1d5db}.plan-premium{background:#f59e0b26;color:#fbbf24}.plan-enterprise{background:#10b98126;color:#34d399}.card-mid{display:flex;flex-direction:column;gap:10px;background:#00000026;padding:15px;border-radius:14px}.meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.meta-label{color:#9ca3af}.status-tag{font-weight:600}.status-active{color:#34d399}.status-inactive{color:#f87171}.date-tag{font-weight:600;color:#fff}.card-bottom{display:flex;gap:12px}.btn-edit,.btn-delete{flex:1;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:#ffffff05;color:#fff}.btn-edit:hover{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.btn-delete:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.tenant-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.tenant-modal{background:#242424;border:1px solid rgba(255,255,255,.08);border-radius:20px;width:100%;max-width:500px;padding:35px;box-shadow:0 10px 30px #00000080;animation:modalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tenant-modal h2{margin-top:0;margin-bottom:25px;font-weight:700}.tenant-form{display:flex;flex-direction:column;gap:20px}.checkbox-row{flex-direction:row;align-items:center;gap:10px}.checkbox-row input{width:18px;height:18px}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:15px}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;padding:12px 24px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit:hover{transform:translateY(-1px)}.btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#ffffff1a}.admin-section{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:5px}.admin-section h3{margin:0 0 6px;font-size:1rem;font-weight:700}.admin-section-hint{font-size:.78rem;color:#9ca3af;margin:0 0 16px;line-height:1.4}.btn-toggle{border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:#ffffff05;color:#fff}.btn-suspend:hover{background:#f59e0b1f;border-color:#f59e0b4d;color:#fbbf24}.btn-activate:hover{background:#10b9811f;border-color:#10b9814d;color:#34d399}.roles-container{padding:30px;animation:fadeIn .4s ease}.roles-header{margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px}.roles-header h1{font-size:2rem;margin:0}.roles-header p{color:#9ca3af;margin:5px 0 0}.roles-layout{display:flex;gap:30px;align-items:flex-start}.roles-sidebar{flex:0 0 320px;display:flex;flex-direction:column;gap:25px}.roles-matrix-main{flex:1}.roles-card-box{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:20px}.roles-card-box h2{font-size:1.1rem;margin-top:0;margin-bottom:15px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.role-create-form{display:flex;flex-direction:column;gap:12px}.role-create-form input,.role-create-form textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;color:#fff;font-family:inherit;font-size:.9rem}.role-create-form textarea{resize:vertical;min-height:80px}.role-create-form input:focus,.role-create-form textarea:focus{border-color:#3b82f6;outline:none}.btn-create-role{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;padding:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-create-role:hover{transform:translateY(-1px)}.roles-list-group{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.role-item-row{background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.role-item-row:hover{background:#ffffff0a;border-color:#ffffff14}.role-selected{background:#3b82f61a!important;border-color:#3b82f666!important}.role-item-meta h3{margin:0;font-size:.95rem;font-weight:600;color:#fff}.role-item-meta p{margin:2px 0 0;font-size:.78rem;color:#9ca3af}.btn-delete-role-row{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.1rem;padding:5px;border-radius:6px;transition:all .3s ease}.btn-delete-role-row:hover{background:#ef444426;color:#f87171}.matrix-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:30px}.matrix-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px;margin-bottom:25px;flex-wrap:wrap;gap:20px}.matrix-header h2{margin:0 0 5px;font-size:1.3rem;font-weight:600}.highlight-role{color:#60a5fa;font-weight:700}.matrix-header p{margin:0;color:#9ca3af;font-size:.85rem}.btn-save-matrix{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;padding:12px 24px;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #10b9814d;transition:all .3s ease}.btn-save-matrix:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.matrix-category-group{margin-bottom:30px}.category-title{font-size:1rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;border-left:3px solid #3b82f6;padding-left:10px;margin-bottom:15px}.permissions-checklist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.perm-check-card{background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.perm-check-card:hover{background:#ffffff08;border-color:#ffffff14}.perm-checked{background:#10b9810d!important;border-color:#10b9814d!important}.perm-header-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.perm-header-row input{width:16px;height:16px;accent-color:#10b981}.perm-header-row h4{margin:0;font-size:.9rem;font-weight:600;color:#fff}.perm-description{margin:0;font-size:.75rem;color:#9ca3af;line-height:1.4}.empty-matrix-view{background:#ffffff03;border:1px dashed rgba(255,255,255,.08);border-radius:20px;padding:60px;text-align:center;color:#9ca3af}.pagos-container{padding:30px;animation:fadeIn .4s ease}.pagos-header{margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px}.pagos-header h1{font-size:1.8rem;margin:0;color:#fff}.pagos-header p{color:#9ca3af;margin:5px 0 0}.ledger-metrics-bar{display:flex;gap:25px;margin-bottom:40px;flex-wrap:wrap}.metric-box{flex:1;min-width:220px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 10px #0000001a;transition:all .3s ease}.metric-box:hover{transform:translateY(-2px);border-color:#ffffff14}.metric-box-label{font-size:.85rem;font-weight:600;color:#9ca3af;text-transform:uppercase}.metric-box-value{font-size:1.8rem;font-weight:700;color:#fff;letter-spacing:-.5px}.metric-trend{font-size:.78rem;color:#6b7280}.box-earnings{border-left:4px solid #10b981}.box-refunds{border-left:4px solid #ef4444}.box-net{border-left:4px solid #3b82f6}.trend-up{color:#34d399!important}.trend-down{color:#f87171!important}.ledger-table-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:30px;box-shadow:0 10px 30px #0003}.ledger-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.ledger-table-header h2{font-size:1.25rem;font-weight:600;margin:0;color:#fff}.search-filter-box{position:relative;width:100%;max-width:320px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:.95rem;opacity:.6}.search-filter-box input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 12px 12px 40px;color:#fff;font-size:.9rem;box-sizing:border-box}.search-filter-box input:focus{border-color:#3b82f6;outline:none;background:#ffffff0f}.search-filter-box input::placeholder{color:#9ca3af;opacity:.8}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ledger-table{width:100%;border-collapse:collapse;text-align:left}.ledger-table th{padding:16px 20px;font-size:.85rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.ledger-table td{padding:16px 20px;font-size:.92rem;border-bottom:1px solid rgba(255,255,255,.04);color:#ffffffde}.ledger-table tr:hover{background:#ffffff04}.concept-cell{display:flex;align-items:center;gap:12px;font-weight:500}.concept-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-green{background:#10b981;box-shadow:0 0 8px #10b981}.dot-red{background:#ef4444;box-shadow:0 0 8px #ef4444}.value-cell{font-family:monospace;font-weight:700;font-size:1rem}.color-green{color:#34d399}.color-red{color:#f87171}.empty-table-row{text-align:center;color:#6b7280;padding:40px!important}.error-banner{background:#ff00001a;color:#ff7070;padding:12px;border-radius:8px;margin-bottom:16px}.loading-spinner{text-align:center;padding:40px;color:#9ca3af;font-size:1rem}.pagos-container .paginacion{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:20px;flex-wrap:wrap}.pagos-container .paginacion button{padding:8px 12px;border:none;border-radius:6px;background:#0072ff;color:#fff;cursor:pointer;font-size:.85rem;transition:background .2s}.pagos-container .paginacion button:hover:not(:disabled){background:#00c6ff}.pagos-container .paginacion button:disabled{opacity:.4;cursor:default}.pagos-container .paginacion .activo{background:#00c6ff}.pagos-container .paginacion .pagination-dots{color:#9ca3af;padding:0 4px;-webkit-user-select:none;user-select:none}@media (prefers-color-scheme: light){.pagos-header h1{color:#1f2937}.pagos-header p{color:#6b7280}.ledger-table-header h2{color:#1f2937}.metric-box{background:#00000005;border-color:#00000014}.metric-box-label{color:#6b7280}.metric-box-value{color:#111827}.ledger-table-card{background:#00000005;border-color:#00000014}.search-filter-box input{background:#f9fafb;border-color:#d1d5db;color:#111827}.search-filter-box input:focus{background:#fff;border-color:#3b82f6}.search-filter-box input::placeholder{color:#9ca3af}.ledger-table th{color:#6b7280;border-bottom-color:#0000001a}.ledger-table td{color:#374151;border-bottom-color:#0000000f}.ledger-table tr:hover{background:#00000005}}@media (max-width: 768px){.pagos-container{padding:15px}.pagos-header h1{font-size:1.3rem}.pagos-header p{font-size:.85rem}.ledger-metrics-bar{flex-direction:column;gap:12px;margin-bottom:20px}.metric-box{min-width:unset;padding:16px;border-radius:14px}.metric-box-value{font-size:1.4rem}.metric-box-label{font-size:.75rem}.ledger-table-card{padding:15px;border-radius:16px}.ledger-table-header{flex-direction:column;align-items:stretch;gap:10px}.ledger-table-header h2{font-size:1.05rem}.search-filter-box{max-width:100%}.ledger-table th{padding:10px 12px;font-size:.75rem}.ledger-table td{padding:10px 12px;font-size:.8rem}.pagos-container .paginacion{gap:3px}.pagos-container .paginacion button{padding:6px 10px;font-size:.78rem}}@media (max-width: 480px){.pagos-container{padding:10px}.pagos-header h1{font-size:1.1rem}.metric-box-value{font-size:1.2rem}.ledger-table-card{padding:10px;border-radius:12px}.ledger-table th,.ledger-table td{padding:8px;font-size:.72rem}.value-cell{font-size:.82rem}}.faq-admin-container{padding:30px;animation:fadeIn .4s ease}.faq-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px}.faq-admin-header h1{font-size:2rem;font-weight:700;margin:0}.faq-admin-header p{color:#9ca3af;margin:5px 0 0}.btn-add-faq{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;padding:12px 24px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-faq:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.faq-admin-list{display:flex;flex-direction:column;gap:20px}.faq-admin-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:30px;transition:all .3s ease}.faq-admin-card:hover{border-color:#ffffff1a;background:#ffffff08}.faq-card-content{flex:1}.faq-question-label,.faq-answer-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:5px}.faq-card-content h3{margin:0 0 15px;font-size:1.1rem;font-weight:600;color:#fff}.faq-card-content p{margin:0;color:#9ca3af;font-size:.95rem;line-height:1.5}.faq-card-actions{display:flex;flex-direction:column;gap:10px;width:120px;flex-shrink:0}.btn-edit-faq,.btn-delete-faq{border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:#ffffff05;color:#fff}.btn-edit-faq:hover{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.btn-delete-faq:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.empty-faq-card{text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:20px;padding:50px;color:#9ca3af;background:#ffffff03}.faq-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.faq-modal{background:#242424;border:1px solid rgba(255,255,255,.08);border-radius:20px;width:100%;max-width:550px;padding:35px;box-shadow:0 10px 30px #00000080;animation:modalIn .3s cubic-bezier(.16,1,.3,1)}.faq-modal h2{margin-top:0;margin-bottom:25px;font-weight:700}.faq-form{display:flex;flex-direction:column;gap:20px}.faq-form textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;color:#fff;font-family:inherit;font-size:.95rem;resize:vertical;min-height:120px}.faq-form textarea:focus{border-color:#3b82f6;outline:none}.whatsapp-container{padding:2rem;max-width:1100px;margin:0 auto;font-family:Inter,system-ui,sans-serif;color:#e0e0e0}.whatsapp-title{font-size:2.2rem;font-weight:700;color:#60a5fa;margin-bottom:2rem;text-shadow:0 0 20px rgba(96,165,250,.2)}.tabs-container{display:flex;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:2rem}.tab-btn{background:transparent;border:none;color:#9ca3af;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;border-radius:.5rem;transition:all .3s ease}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#60a5fa;background:#60a5fa1a;box-shadow:0 4px 15px #60a5fa26}.glass-card{background:#ffffff08;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:2rem;box-shadow:0 8px 32px #0006;margin-bottom:2rem;transition:transform .3s ease}.glass-card:hover{border-color:#ffffff1f}.bot-control-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.bot-control-layout{grid-template-columns:1fr}}.status-indicator{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;text-transform:uppercase;font-size:.9rem;padding:.5rem 1rem;border-radius:2rem;letter-spacing:.05em;margin-bottom:1.5rem}.status-indicator.ready{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-indicator.qr{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-indicator.loading{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-indicator.disconnected{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.qr-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;border-radius:.75rem;padding:2rem;border:1px dashed rgba(255,255,255,.2)}.qr-image{max-width:250px;background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 4px 20px #00000080}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.95rem;font-weight:500;color:#cbd5e1;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:1rem;transition:all .2s ease}.form-input:focus{border-color:#60a5fa;background:#ffffff14;outline:none;box-shadow:0 0 0 2px #60a5fa33}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #2563eb4d}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669;box-shadow:0 4px 12px #0596694d}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #dc26264d}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.08)}.btn-secondary:hover{background:#ffffff26}.btn-google{background:#ea4335;color:#fff}.btn-google:hover{background:#d93025;box-shadow:0 4px 12px #d930254d}.groups-list{max-height:350px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:1rem;background:#0003}.group-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .5rem;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s ease}.group-item:hover{background:#ffffff05}.group-item:last-child{border-bottom:none}.config-table{width:100%;border-collapse:collapse;margin-top:1.5rem;text-align:left}.config-table th,.config-table td{padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.config-table th{color:#9ca3af;font-weight:600;text-transform:uppercase;font-size:.8rem}.config-table tr:hover{background:#ffffff05}.switch-label{display:flex;align-items:center;cursor:pointer;gap:.75rem}.switch-input{display:none}.switch-inner{position:relative;width:48px;height:24px;background-color:#4b5563;border-radius:12px;transition:background-color .2s ease}.switch-inner:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.switch-input:checked+.switch-inner{background-color:#10b981}.switch-input:checked+.switch-inner:before{transform:translate(24px)}