html,body,#root{height:100%;margin:0;padding:0;font-family:Arial,sans-serif}html,body,#root{height:100%;margin:0;padding:0}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background-image:linear-gradient(180deg,#0b0b0b,#5c1a1b 70%)}.auth-form{background-color:#0a08086c;padding:2rem;border-radius:10px;width:100%;max-width:400px;box-shadow:0 8px 20px #00000026;display:flex;flex-direction:column;align-items:center}.auth-form h2{text-align:center;margin-bottom:1.5rem;color:#fff}.auth-form img{width:250px}.auth-form input{width:100%;padding:.75rem;margin:.5rem 0;border:1px solid #ccc;border-radius:8px;font-size:1rem}.auth-form input:focus{border:2px solid #b4260c;outline:none}.auth-form input:hover{border:1px solid #b84935}.auth-form button{width:100%;padding:.75rem;background-color:#d3551b;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;margin-top:1rem;transition:background-color .3s ease}.auth-form button:hover{background-color:#b84935}.auth-form p{text-align:center;margin-top:1rem;color:#fff}.auth-form a{color:#4a90e2;text-decoration:none}.auth-form a:hover{text-decoration:underline}table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 12px #0000000d;border-radius:10px;overflow:hidden;margin:1rem 0}thead{background-color:#f8f9fa;color:#333}thead th{padding:1rem;text-align:left;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}tbody td{padding:1rem;border-top:1px solid #eee;font-size:.95rem}tbody tr:hover{background-color:#f1f1f1;transition:background-color .2s ease-in-out}.button_exc{background-color:#fff;color:#d00000;border-radius:8px;border:1.5px solid #d00000;padding:8px 16px;font-size:.85rem;cursor:pointer;transition:.3s}.button_exc:hover{background-color:#d00000;color:#fff}@media screen and (max-width: 768px){table,thead,tbody,th,td,tr{display:block;width:100%}thead{display:none}tr{margin-bottom:1rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;padding:1rem}td{padding:.5rem 0;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;border:none}td:before{content:attr(data-label);font-weight:700;text-transform:uppercase;color:#555}.button_exc{margin-top:.5rem;width:30%}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background-color:#fff;padding:3rem;border-radius:10px;width:90%;max-width:460px;text-align:center;box-shadow:0 5px 20px #0000004d}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}.cancel-button,.confirm-button{width:100px;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:700}.cancel-button{background-color:#ccc;color:#333}.confirm-button{background-color:red;color:#fff}.dashboard-container{max-width:1200px;margin:2rem auto;padding:1rem;font-family:Inter,system-ui,sans-serif;color:#2d3748;background-color:#f7fafc}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-weight:700;font-size:2rem}.btn-logout{background-color:#e53e3e;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.btn-logout:hover{background-color:#c53030}.cards{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem;justify-content:center}.card{background:#fff;box-shadow:0 2px 10px #0000001a;border-radius:12px;padding:1.5rem;flex:1 1 250px;min-width:250px;text-align:center;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 20px #00000026}.card h2{font-size:1.25rem;margin-bottom:.75rem;color:#2d3748}.card p{font-size:1.5rem;font-weight:600;color:#4a5568}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a}thead{background-color:#5c1a1b;color:#f7fafc;font-weight:600}th,td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid #e2e8f0;min-width:120px}tbody tr:hover{background-color:#edf2f7;cursor:pointer}@media (max-width: 768px){.dashboard-container{top:20px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:rem}.cards{flex-direction:column}.card{width:100%}.table-container{padding:1rem .5rem;width:100%}th,td{padding:.75rem 1rem}.dashboard-container{max-width:100%;padding:1rem;margin:3rem auto}table{min-width:unset;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#d8d5d5}.formulario{max-width:400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 8px 25px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.formulario h2{text-align:center;margin-bottom:1.5rem;color:#333}.formulario label{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.formulario input{width:100%;padding:.75rem 1rem;margin-bottom:1.25rem;border:1.5px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.formulario input:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 8px #4a90e24d}.formulario button{width:100%;padding:.85rem;background-color:#4a90e2;border:none;border-radius:8px;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.formulario button:hover{background-color:#357abd}@media (max-width: 480px){.formulario{margin:1rem;padding:1.5rem}.formulario input{font-size:.95rem}.formulario button{font-size:1rem}}h1{text-align:center;margin-bottom:1.5rem;color:#0f0f0f}.sidebar{width:220px;background-image:linear-gradient(180deg,#0b0b0b,#5c1a1b 70%);color:#fff;min-height:100vh;padding:20px;position:fixed;top:0;left:0;transform:translate(0);transition:transform .3s ease;z-index:1000;overflow-y:auto}.sidebar-logo{text-align:center;margin-bottom:30px}.sidebar-logo img{width:100px}.sidebar-nav{display:flex;flex-direction:column;gap:15px}.sidebar-link{color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:1rem;padding:10px;border-radius:6px;transition:background .2s;cursor:pointer}.sidebar-link:hover{background-color:#f3f3f3;color:#0b0b0b;transition:background-color .3s ease,color .3s ease}.logout{background:none;border:none;cursor:pointer;font:inherit;text-align:left}.sidebar-toggle{position:fixed;top:20px;left:20px;font-size:1.5rem;background:none;color:#631b1b;border:none;z-index:1100;display:none;cursor:pointer;padding:10px}.sidebar-overlay{position:fixed;inset:0;background-color:#0006;z-index:900}main{margin-left:220px;transition:margin-left .3s ease}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:block;top:10px}.sidebar-toggle:focus{color:#fff}main{margin-left:0!important}}