.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background-color:#2b2e34;color:#f1f1f1;box-shadow:2px 0 5px #0006;z-index:1000;overflow-y:auto;font-family:Arial,sans-serif;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.user-profile{display:flex;justify-content:space-between;align-items:center;padding:15px 15px 15px 20px;background-color:#212429;color:#fff}.profile-header{display:flex;align-items:center;gap:15px}.profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #555}.profile-info{display:flex;flex-direction:column;text-align:left}.profile-name{font-weight:700;font-size:14px}.profile-role,.profile-status{font-size:12px;color:#aaa}.profile-status.online{color:#4caf50}.close-btn{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;padding:5px}.sidebar-nav{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;padding:12px 20px;text-decoration:none;color:#f1f1f1;font-size:14px;transition:background-color .3s;text-align:left;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between}.nav-item:hover{background-color:#34373d;color:#fff}.nav-item.active-group{background-color:#3b3f46;font-weight:700;color:#fff}.nav-icon{font-size:16px;min-width:20px;text-align:center}.submenu-arrow{font-size:12px;color:#ccc;transition:transform .3s;margin-left:auto}.submenu-arrow.open{transform:rotate(180deg)}.menu-group-separator{height:1px;background-color:#444;margin:10px 0}.submenu{background-color:#313339;padding:5px 0}.submenu-item{display:flex;align-items:center;text-decoration:none;color:#aaa;font-size:13px;transition:background-color .3s;padding:10px 20px 10px 45px}.submenu-item:hover{background-color:#383a42;color:#fff}.submenu-item .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#666;margin-right:10px}.submenu-item:hover .dot{background-color:#fff}.logout-button{margin-top:20px;border:none;background:none;color:#e74c3c;font-weight:700;cursor:pointer;text-align:center;padding:15px 20px;border-top:1px solid #444;width:100%}.breadcrumb-content{display:flex;align-items:center;padding-left:10px}.breadcrumb-container{display:flex;align-items:center;font-size:14px}.breadcrumb-link{color:#4c84ff;text-decoration:none;transition:color .2s;font-weight:500}.breadcrumb-link.home-link{color:#333;font-weight:600}.breadcrumb-link:hover{text-decoration:underline;color:#f7931e}.breadcrumb-link.current{color:#333;font-weight:600;cursor:default}.breadcrumb-separator{margin:0 8px;color:#aaa}html,body{height:100%;margin:0;padding:0}.App.dashboard-view{background-image:none!important;background-color:transparent!important;max-width:none!important;padding:0!important;margin:0!important;text-align:left!important}.App.login-background{background-image:url(/assets/login-CwU0wYoV.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-color:#1a363a;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.login-top-bar{position:fixed;top:0;left:0;width:100%;height:45px;background-color:#1b1e22;z-index:100;display:flex;align-items:center;padding:0 20px;color:#fff}.contenedor-login{width:90%;max-width:400px;padding:40px;margin:0;background-color:#fffffffa;border-radius:20px;box-shadow:0 15px 35px #0000004d;text-align:center}.login-header{margin-bottom:30px}.logo-text{font-size:36px;font-weight:800;color:#4c84ff;text-transform:uppercase;letter-spacing:2px}.login-title{font-size:18px;color:#333;font-weight:700;margin-bottom:25px}.input-con-icono{border-bottom:1px solid #ccc;margin-bottom:30px;padding:5px 0;position:relative;display:flex;align-items:center}.input-con-icono:last-of-type{margin-bottom:40px}.login-form input{width:100%;flex-grow:1;border:none;outline:none;padding:10px 0;font-size:16px;color:#333}.input-con-icono input[type=password],.input-con-icono input[type=text]{padding-right:35px}.toggle-password-button{position:absolute;background:none!important;border:none;width:auto;right:0;top:50%;transform:translateY(-50%);color:#666;cursor:pointer;padding:5px;font-size:1.1em;z-index:2;transition:color .2s}.toggle-password-button:hover{color:#4c84ff}.gradient-button{width:100%;padding:15px;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(90deg,#00c6ff,#a438ff);box-shadow:0 4px 15px #0003;transition:box-shadow .3s ease}.client-panel-link{position:absolute;right:40px;bottom:20px;font-size:14px;color:#666;cursor:pointer}.main-content-area.login-content{height:100%;display:flex;justify-content:center;align-items:center}@media(max-width:576px){.contenedor-login{padding:25px;border-radius:12px}.client-panel-link{position:static;margin-top:15px;text-align:center;font-size:13px}}.modal-overlay{position:fixed;inset:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease-in-out}.modal-card{background-color:#fff;border-radius:14px;padding:25px 30px;width:90%;max-width:400px;box-shadow:0 8px 20px #00000040;text-align:center;position:relative;animation:slideUp .3s ease-out}.modal-icon{font-size:3rem;margin-bottom:12px;display:flex;justify-content:center;align-items:center}.processing-icon:after{content:"⏳";display:inline-block;animation:spin 1.5s linear infinite}.confirm-icon{color:#3498db}.delete-icon{color:#e74c3c}.success-icon{color:#2ecc71}.error-icon{color:#e74c3c}.modal-card h2{font-size:1.4rem;font-weight:600;margin-bottom:8px;color:#333}.modal-card p{font-size:1rem;color:#555;margin-bottom:18px;line-height:1.4}.modal-buttons{display:flex;justify-content:center;gap:10px}.btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .25s ease;font-size:.95rem}.btn-accept{background-color:#3498db;color:#fff}.btn-accept:hover{background-color:#2980b9}.btn-cancel{background-color:#bdc3c7;color:#333}.btn-cancel:hover{background-color:#95a5a6}.btn-danger:hover{background-color:#c0392b}.btn-ok{background-color:#27ae60;color:#fff}.btn-ok:hover{background-color:#219150}.processing-modal h2{margin-top:10px;color:#444}.processing-modal p{color:#666;font-size:.95rem}.confirmation-modal h2{color:#2c3e50}.confirmation-modal.delete-modal h2{color:#e74c3c}.confirmation-modal.delete-modal p{color:#a93226}.result-modal.success{border-top:6px solid #2ecc71}.result-modal.error{border-top:6px solid #e74c3c}.result-modal h2{margin-top:5px}.countdown-message{font-size:.9rem;color:#888;margin-top:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.modal-card{padding:20px;width:90%}.modal-card h2{font-size:1.2rem}.modal-card p{font-size:.9rem}}body{background-color:#f4f7f9;font-family:Poppins,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.form-container{max-width:500px;margin:50px auto;background:#fff;padding:30px 40px;border-radius:16px;box-shadow:0 4px 20px #0000001a;color:#333;width:90%;box-sizing:border-box}.form-title{text-align:center;margin-bottom:25px;font-size:1.6rem;color:#2c3e50}.form-group{margin-bottom:20px;text-align:left}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1.5px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.auth-footer{margin-top:25px;text-align:center;font-size:.9rem;color:#666}.auth-link{color:#007bff;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}:root{--bg-dark: #2e3440;--text-light: #eceff4;--accent: #88c0d0;--button-primary: #a3be8c;--button-hover: #b4e4a0;--shadow: rgba(0, 0, 0, .6)}.dashboard-card{background-color:var(--bg-dark);padding:25px;border-radius:12px;box-shadow:0 8px 15px var(--shadow);max-width:350px;margin:30px auto;color:var(--text-light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:1px solid rgba(136,192,208,.3);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px var(--shadow)}.dashboard-card-title{font-size:1.6em;margin-bottom:10px;font-weight:600;border-bottom:2px solid var(--accent);padding-bottom:10px;line-height:1.2}.dashboard-card-badge{display:inline-block;background-color:var(--accent);color:var(--bg-dark);font-size:.75em;font-weight:700;padding:4px 8px;border-radius:4px;margin-bottom:15px;text-transform:uppercase}.dashboard-card-info{font-size:1em;margin-bottom:12px;line-height:1.5}.dashboard-card-list{margin-top:5px;padding-left:25px;list-style-type:square;font-size:.95em}.dashboard-card-button{width:100%;padding:12px;margin-top:20px;background-color:var(--button-primary);color:var(--bg-dark);border:none;border-radius:6px;cursor:pointer;font-size:1.05em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.dashboard-card-button:hover{background-color:var(--button-hover);box-shadow:0 2px 10px #a3be8c80}.dashboard-card-info strong{font-weight:700;color:var(--accent)}.admin-container{background-color:#f4f6f8;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-card{background-color:#fff;padding:30px 40px;border-radius:16px;box-shadow:0 6px 20px #00000014;width:100%;max-width:700px;transition:all .3s ease}.admin-card:hover{transform:translateY(-2px)}.admin-card h2{color:#2c3e50;font-size:1.8rem;margin-bottom:10px}.admin-subtitle{color:#6c757d;margin-bottom:25px}.admin-user-list{list-style:none;padding:0;margin:0}.admin-user-item{background:#fff;border:1px solid #e1e5ea;border-radius:10px;padding:15px 20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease}.admin-user-item:hover{background:#f8f9fa}.admin-user-info{display:flex;align-items:center;gap:10px}.role-badge{padding:4px 8px;border-radius:8px;font-size:.85rem;text-transform:capitalize;font-weight:600}.role-badge.admin{background-color:#007bff;color:#fff}.role-badge.user{background-color:#6c757d;color:#fff}.admin-controls{display:flex;gap:10px;align-items:center}.admin-role-control label{margin-right:6px;font-weight:500}.admin-role-control select,.role-select{padding:6px 10px;border-radius:8px;border:1px solid #ccc;background:#fff;transition:border-color .2s;font-size:.95rem}.admin-role-control select:focus,.role-select:focus{outline:none;border-color:#007bff}.btn{padding:8px 15px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .2s;font-size:.9rem}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}.btn-delete:disabled{background-color:#aaa;cursor:not-allowed;opacity:.7}.btn-accept,.btn-confirm{background-color:#34d399;color:#fff}.btn-accept:hover,.btn-confirm:hover{background-color:#10b981}.btn-cancel,.btn-ok{background-color:#6c757d;color:#fff}.btn-cancel:hover,.btn-ok:hover{background-color:#5a6268}.btn-danger{background-color:#c0392b;color:#fff}.btn-danger:hover{background-color:#a71d2a}.admin-footer{margin-top:25px;text-align:center}.admin-link{color:#007bff;text-decoration:none;font-weight:600}.admin-link:hover{text-decoration:underline}.admin-loading,.admin-error{text-align:center;padding:40px;font-size:1.1rem}.admin-error{color:#dc3545}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-card{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px #0000004d;width:90%;max-width:400px;text-align:center;transform:scale(1);transition:transform .3s ease-out}.modal-card h2{margin-top:10px;margin-bottom:5px;font-size:1.8em;font-weight:600;color:#333}.modal-card p{color:#666;margin-bottom:25px}.modal-icon{display:flex;justify-content:center;align-items:center;margin:0 auto 20px;width:80px;height:80px;border-radius:50%;font-size:40px;box-shadow:0 4px 6px #0000001a;color:#fff}.modal-buttons{display:flex;justify-content:space-around;gap:15px}.modal-buttons button{flex-grow:1}.processing-modal .modal-icon{background-color:#a350c7;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirmation-modal .modal-icon{background-color:#36404a}.result-modal{border-top:5px solid}.result-modal.success{border-color:#10b981}.result-modal .success-icon{background-color:#10b981}.result-modal.error{border-color:#dc3545}.result-modal .error-icon{background-color:#dc3545}.countdown-message{color:#888;font-size:.9em;margin-top:-15px;margin-bottom:20px!important;font-weight:500}.delete-modal{border-top:5px solid #ffc107}.delete-modal .modal-icon{background-color:#ffc107;color:#333}.list-container{max-width:900px;margin:40px auto;background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a;font-family:Poppins,sans-serif}.list-container h2{text-align:center;color:#2c3e50;margin-bottom:25px;font-size:1.6rem}.data-list{list-style:none;padding:0;margin:0}.data-card{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e0e0e0;border-radius:12px;padding:15px 20px;margin-bottom:15px;transition:all .3s ease}.data-card:hover{transform:translateY(-3px);box-shadow:0 2px 10px #0000000d}.data-info strong{font-size:1.1rem;color:#2c3e50}.data-info p{margin:5px 0;color:#555}.data-actions{display:flex;gap:10px}.btn{padding:8px 14px;border-radius:8px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.page-container{display:flex;justify-content:center;align-items:flex-start;padding:40px;background-color:#f4f6f8;min-height:100vh;font-family:Poppins,sans-serif}.form-card{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 16px #0000001a;width:100%;max-width:480px;transition:all .3s ease}.form-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.form-card h2{font-size:1.6rem;margin-bottom:10px;color:#2c3e50;text-align:center}.form-card p{color:#555;font-size:.95rem;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;color:#333;margin-bottom:6px;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.btn-group{display:flex;flex-direction:column;gap:15px;margin-top:20px}.btn-form{padding:12px 16px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c0392b}.btn-form:disabled{background-color:#ccc;cursor:not-allowed}.message-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:10px;border-radius:8px;margin-bottom:15px;font-size:.95rem;text-align:center}.message-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:10px;border-radius:8px;margin-bottom:15px;font-size:.95rem;text-align:center}.center{text-align:center;padding:20px;color:#333;font-family:Poppins,sans-serif;font-size:1.1rem}.alert.error{background:#fdecea;color:#c0392b;border:1px solid #c0392b;padding:15px;border-radius:8px;text-align:center;font-weight:600;max-width:600px;margin:40px auto}.torre-list-container{max-width:900px;margin:40px auto;background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a;font-family:Poppins,sans-serif}.torre-list-container h2{text-align:center;color:#2c3e50;margin-bottom:25px;font-size:1.6rem}.torre-list{list-style:none;padding:0;margin:0}.torre-card{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e0e0e0;border-radius:12px;padding:15px 20px;margin-bottom:15px;transition:all .3s ease}.torre-card:hover{transform:translateY(-3px);box-shadow:0 2px 10px #0000000d}.torre-info strong{font-size:1.1rem;color:#2c3e50}.torre-info p{margin:5px 0;color:#555}.torre-actions{display:flex;gap:10px}.btn{padding:8px 14px;border-radius:8px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none}.torre-edit-container{display:flex;justify-content:center;align-items:flex-start;padding:40px;background-color:#f4f6f8;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.torre-edit-card{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 16px #0000001a;width:100%;max-width:480px;transition:all .3s ease}.torre-edit-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.torre-edit-card h2{font-size:1.6rem;margin-bottom:10px;color:#2c3e50}.torre-edit-card p{color:#555;font-size:.95rem;margin-bottom:20px}.torre-form{display:flex;flex-direction:column;gap:20px}.torre-form label{font-weight:600;color:#333;margin-bottom:6px;display:block}.torre-form input,.torre-form select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color .3s}.torre-form input:focus,.torre-form select:focus{border-color:#007bff;outline:none}.torre-btn{padding:12px 16px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.torre-btn-primary{background-color:#007bff;color:#fff}.torre-btn-primary:hover{background-color:#0056b3}.torre-btn-danger{background-color:#e74c3c;color:#fff;margin-top:15px}.torre-btn-danger:hover{background-color:#c0392b}@media(max-width:600px){.torre-edit-card{padding:20px;width:100%}.torre-edit-container{padding:20px}}.form-container{max-width:500px;margin:50px auto;background:#fff;padding:30px 40px;border-radius:16px;box-shadow:0 4px 20px #0000001a;font-family:Poppins,sans-serif;color:#333}.form-container h2{text-align:center;margin-bottom:25px;font-size:1.6rem;color:#2c3e50}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#444}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1.5px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#007bff;outline:none}button{width:100%;padding:12px;background-color:#007bff;color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:.3s ease}button:hover{background-color:#0056b3}button:disabled{background-color:#aaa;cursor:not-allowed}.alert{padding:10px 15px;border-radius:8px;text-align:center;margin-bottom:15px;font-weight:600}.alert.success{background-color:#e7f9ed;color:#2e7d32;border:1px solid #2e7d32}.alert.error{background-color:#fdecea;color:#c0392b;border:1px solid #c0392b}.servidor-list-container{max-width:900px;margin:40px auto;background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a;font-family:Poppins,sans-serif}.servidor-list-container h2{text-align:center;color:#2c3e50;margin-bottom:25px;font-size:1.6rem}.servidor-list{list-style:none;padding:0;margin:0}.servidor-card{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e0e0e0;border-radius:12px;padding:15px 20px;margin-bottom:15px;transition:all .3s ease}.servidor-card:hover{transform:translateY(-3px);box-shadow:0 2px 10px #0000000d}.servidor-info strong{font-size:1.1rem;color:#2c3e50;display:block}.servidor-info p{margin:5px 0;color:#555;font-size:.95rem}.estado{display:inline-block;padding:4px 10px;border-radius:8px;font-size:.85rem;font-weight:600}.estado.activo{background-color:#e8f5e9;color:#2e7d32}.estado.inactivo{background-color:#ffebee;color:#c62828}.servidor-actions{display:flex;gap:10px;flex-shrink:0}.btn{padding:8px 14px;border-radius:8px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center}.btn.edit{background-color:#007bff;color:#fff}.btn.edit:hover{background-color:#0056b3}.btn.delete{background-color:#f44336;color:#fff}.btn.delete:hover{background-color:#d32f2f}.alert.error{background:#fdecea;color:#c0392b;border:1px solid #c0392b;padding:10px 15px;border-radius:8px;text-align:center;font-weight:600;max-width:600px;margin:40px auto}.center{text-align:center;padding:20px;color:#333}.servidor-edit-container{display:flex;justify-content:center;align-items:flex-start;padding:40px;background-color:#f4f6f8;min-height:100vh;font-family:Inter,Tahoma,Geneva,Verdana,sans-serif}.servidor-edit-card{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 16px #0000001a;width:100%;max-width:480px;transition:all .3s ease}.servidor-edit-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.servidor-edit-card h2{font-size:1.6rem;margin-bottom:5px;color:#2c3e50;text-align:center}.servidor-edit-card .edit-id{color:#7f8c8d;font-size:.85rem;margin-bottom:25px;text-align:center}.servidor-form{display:flex;flex-direction:column;gap:20px}.servidor-form label{font-weight:600;color:#333;margin-bottom:6px;display:block}.servidor-form input,.servidor-form select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.servidor-form input:focus,.servidor-form select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.servidor-btn{padding:12px 16px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600;margin-top:10px;display:block;width:100%;text-align:center;text-decoration:none}.servidor-btn-primary{background-color:#007bff;color:#fff;margin-top:25px}.servidor-btn-primary:hover{background-color:#0056b3}.servidor-btn-danger{background-color:#e74c3c;color:#fff}.servidor-btn-danger:hover{background-color:#c0392b}.servidor-btn-secondary{background-color:#ecf0f1;color:#34495e;border:1px solid #bdc3c7}.servidor-btn-secondary:hover{background-color:#d5dbdb}.servidor-btn:disabled{opacity:.6;cursor:not-allowed}.message-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:10px;border-radius:8px;margin-bottom:15px;font-size:.95rem}.message-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:10px;border-radius:8px;margin-bottom:15px;font-size:.95rem}.center-loading{text-align:center;padding:40px;color:#333}.center-error{max-width:600px;margin:40px auto}@media(max-width:600px){.servidor-edit-card{padding:20px;width:100%}.servidor-edit-container{padding:20px}}.create-page-container{display:flex;justify-content:center;gap:40px;padding:40px 20px;margin:0 auto;max-width:1400px;flex-wrap:wrap;background-color:#f4f7f9;min-height:80vh}.form-card{flex:2;min-width:350px;max-width:600px;background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.form-card h2{color:#333;margin-top:0;margin-bottom:25px;border-bottom:2px solid #eee;padding-bottom:10px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:.95em}.form-input,.form-select{width:100%;padding:12px;box-sizing:border-box;border:1px solid #dcdcdc;border-radius:8px;font-size:1em;transition:border-color .3s,box-shadow .3s;background-color:#fafafa}.form-input:focus,.form-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none;background-color:#fff}.form-fieldset{border:1px solid #dcdcdc;padding:20px;border-radius:8px;margin-top:25px}.form-fieldset legend{font-size:1.1em;font-weight:700;color:#007bff;padding:0 10px}.form-fieldset p{font-size:.85em;color:#777;margin-top:5px;margin-bottom:15px}.form-select-multiple{height:150px!important}.btn-submit{margin-top:30px;padding:12px 25px;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:1em;transition:background-color .3s,transform .1s;width:100%}.btn-submit:hover:not(:disabled){background-color:#218838}.btn-submit:disabled{background-color:#90ee90;cursor:not-allowed}.preview-container{flex:1;min-width:300px;align-self:flex-start;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d}.preview-container h3{text-align:center;color:#007bff;margin-top:0;margin-bottom:25px}.message-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;padding:10px;border-radius:5px;margin-bottom:15px}.message-error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:5px;margin-bottom:15px}@media(max-width:900px){.create-page-container{flex-direction:column;align-items:center;gap:30px}.form-card,.preview-container{max-width:100%;width:100%}}.dashboard-list-page{max-width:1100px;margin:40px auto;background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 30px #00000014;font-family:Inter,sans-serif,Poppins;border:1px solid #e0e7eb}.dashboard-list-page h2{text-align:left;color:#1f2937;margin-bottom:30px;font-size:2rem;font-weight:700}.loading-message,.error-message,.success-message{padding:12px 20px;border-radius:8px;margin-bottom:20px;font-weight:600}.loading-message{color:#4b5563;text-align:center}.error-message{background-color:#fef2f2;color:#b91c1c;border:1px solid #fca5a5}.success-message{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.create-button{display:inline-block;padding:12px 20px;background-color:#10b981;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;margin-bottom:30px;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 10px #10b98133}.create-button:hover{background-color:#059669;box-shadow:0 6px 12px #10b9814d}.dashboard-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.dashboard-table thead tr{background-color:#f9fafb}.dashboard-table th,.dashboard-table td{padding:15px;text-align:left;border-bottom:1px solid #f3f4f6;color:#374151;font-size:.95em}.dashboard-table th{font-weight:700;color:#6b7280;text-transform:uppercase;font-size:.85em;letter-spacing:.05em}.dashboard-table tbody tr{transition:background-color .2s ease}.dashboard-table tbody tr:hover{background-color:#f3f4f6}.dashboard-table tbody tr:last-child td{border-bottom:none}td .action-link{color:#3b82f6;text-decoration:none;margin-right:15px;font-weight:500;transition:color .2s}td .action-link:hover{color:#2563eb;text-decoration:underline}.delete-button{color:#ef4444;border:none;background:none;cursor:pointer;font-weight:500;transition:color .2s}.delete-button:hover{color:#b91c1c}@media(max-width:768px){.dashboard-list-page{padding:20px;margin:20px;overflow-x:auto}.dashboard-table{min-width:600px}}body{background-color:#f4f7f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.separator{border:none;border-top:1px solid #e0e0e0;margin:10px 0}.edit-container{padding:30px;max-width:700px;margin:30px auto;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a}.edit-title{text-align:center;color:#333;margin-bottom:25px;border-bottom:2px solid #007bff;padding-bottom:10px;font-size:1.8rem}.edit-form{display:flex;flex-direction:column;gap:20px}.form-label{font-weight:600;color:#555;display:block;margin-bottom:5px;font-size:.95rem}.form-input{width:100%;padding:10px;margin-top:5px;box-sizing:border-box;border-radius:6px;border:1px solid #ccc;font-size:1rem;transition:border-color .3s,box-shadow .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff40}.fieldset{border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:15px;margin-top:10px}.fieldset-legend{font-weight:700;color:#007bff;padding:0 10px;font-size:1.1rem}.primary-fieldset{border:1px solid #007bff;background-color:#f9fbfd}.secondary-fieldset{border:1px solid #ccc;background-color:#f5f5f5}.select-group{display:flex;flex-direction:column;gap:5px}.assigned-label{margin-top:10px;font-weight:700;border-bottom:1px dashed #bbb;padding-bottom:5px}.assigned-list{max-height:200px;overflow-y:auto;border:1px solid #ddd;padding:10px;border-radius:4px;background-color:#fff}.equipo-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #f0f0f0;margin-bottom:5px;background-color:#fafafa;border-radius:4px}.equipo-item:last-child{border-bottom:none}.remove-button{padding:8px 15px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s,opacity .2s;width:auto;flex-shrink:0}.remove-button:hover{background-color:#c82333;opacity:.9}.submit-button{padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:15px;font-weight:700;font-size:1.1rem;transition:background-color .3s,opacity .3s}.submit-button:hover:not(.loading){background-color:#0056b3}.submit-button.loading,.submit-button:disabled{opacity:.6;cursor:not-allowed;background-color:#007bff}.loading-message,.error-message{padding:20px;text-align:center;border-radius:5px;margin:20px auto;max-width:700px;font-weight:700}.loading-message{color:#007bff}.error-message{color:#a71d2a;background-color:#f8d7da;border:1px solid #f5c6cb}.success-message{padding:10px;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:5px;margin-bottom:20px;text-align:center;font-weight:700}.warning-box{color:#856404;padding:10px;border:1px dashed #ffeeba;background-color:#fff3cd;border-radius:4px;font-size:.9rem}.calculator-container{max-width:900px;margin:40px auto;padding:30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;font-family:Poppins,sans-serif}.calculator-container h2{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:1.8rem}.available-section h3{border-bottom:2px solid #e0e0e0;padding-bottom:10px;margin-bottom:15px}.available-list{list-style:none;padding:0}.item-card{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:15px;margin-bottom:10px;transition:background-color .2s}.item-card:hover{background-color:#f0f4f7}.item-info strong{font-size:1.1rem;color:#2c3e50}.item-info span{color:#007bff;font-weight:600}.btn-calculator{padding:5px 10px;border:none;border-radius:10px;cursor:pointer;font-weight:500;transition:background-color .3s;font-size:.8rem}.btn-add{background-color:#2ecc71;color:#fff}.btn-add:hover{background-color:#27ae60}.btn-remove{padding:4px 8px;font-size:.75rem;background-color:#e74c3c;color:#fff;font-weight:600}.btn-remove:hover{background-color:#c0392b}.selected-table-section{margin-top:30px}.selected-table{width:100%;border-collapse:collapse;margin-top:15px;box-shadow:0 2px 8px #0000000d;border-radius:8px;overflow:hidden}.selected-table th,.selected-table td{border:1px solid #e0e0e0;padding:12px;text-align:left}.selected-table thead tr{background-color:#3498db;color:#fff;font-weight:600}.selected-table tbody tr:nth-child(2n){background-color:#f4f6f8}.total-section{display:flex;flex-direction:column;align-items:flex-end;margin-top:25px;padding-top:15px;border-top:1px solid #e0e0e0}.total-section h3{font-size:1.6rem;color:#2c3e50;margin:0}.btn-pdf{padding:12px 25px;background-color:#007bff;color:#fff;font-size:1rem;font-weight:600;border-radius:8px;margin-top:15px;cursor:pointer;transition:background-color .3s}.btn-pdf:hover{background-color:#0056b3}html,body,#root{padding:0;margin:0;width:100%;height:100%}.App{display:flex;min-height:100vh;width:100%}.dashboard-view{flex-direction:column;position:relative;width:100%;background-color:#f0f2f5}.top-nav{width:auto;height:45px;background-color:#36404a;color:#ecf0f1;display:flex;align-items:center;padding:10px 20px;transition:margin-left .3s}.top-nav a{color:#fff;text-decoration:none;font-weight:700;font-size:1.5em}.breadcrumb-bar{width:auto;display:flex;align-items:center;padding:20px 0;background-color:#fff;height:40px;box-shadow:0 1px 3px #0000001a;z-index:50;transition:margin-left .3s}.sidebar-open-btn{background-color:#363a40;color:#f1f1f1;border:none;border-radius:6px;cursor:pointer;width:40px;height:36px;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1;margin-right:15px;padding:0;transition:background-color .2s}.sidebar-open-btn:hover{background-color:#4a4f57}.main-content-area{flex-grow:1;padding:20px;background-color:transparent;transition:margin-left .3s}.welcome-box{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #000;margin-bottom:20px}:root{height:100%}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;height:100%;background-color:#f0f0f0;background-image:none!important}#root{width:100%;height:100%}