body{margin:0;font-family:Segoe UI,sans-serif;background-color:#f3f6fb}.dashboard-container{min-height:100vh;background-color:#f3f6fb!important}.dashboard-nav{background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px 40px;box-shadow:0 4px 12px #0000000f;position:sticky;top:0;z-index:10}.nav-logo h2{margin:0;color:#4f46e5}.nav-left button{margin-right:15px;padding:8px 18px;border:none;background:transparent;cursor:pointer;font-size:14px;border-radius:8px;transition:all .2s ease}.nav-left button:hover{background-color:#eef2ff}.nav-left .active{background-color:#4f46e5;color:#fff}.nav-right .logout-btn{background-color:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;transition:.2s}.nav-right .logout-btn:hover{background-color:#dc2626}.dashboard-content{flex:1;padding:40px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8}.login-container{height:100vh;display:flex;justify-content:center;align-items:center}.login-box{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 30px #0000001a;width:350px}.login-box h2{text-align:center;margin-bottom:25px}.login-box input{width:100%;padding:12px;margin-bottom:15px;border-radius:8px;border:1px solid #ddd}.login-box button{width:100%;padding:12px;background:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer}.login-box button:hover{background:#4338ca}.form-container{padding:40px;display:flex;justify-content:center}.form-box{background:#fff;padding:40px;border-radius:16px;width:900px;box-shadow:0 10px 30px #0000001a}.form-title{font-size:22px;margin-bottom:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-box input{padding:10px;border-radius:8px;border:1px solid #ddd}.checklist-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.checklist-row span{width:250px}.btn-guardar{margin-top:20px;padding:12px 25px;background:#16a34a;color:#fff;border:none;border-radius:8px;cursor:pointer}.btn-guardar:hover{background:#15803d}.top-bar{display:flex;justify-content:space-between;margin-bottom:20px}.btn-logout{background:#ff4d4d;border:none;padding:10px 18px;border-radius:8px;color:#fff;cursor:pointer;font-weight:700}.btn-logout:hover{background:#c00}.btn-historial{background:#6c63ff;border:none;padding:10px 18px;border-radius:8px;color:#fff;cursor:pointer;font-weight:700}.btn-historial:hover{background:#4b47c9}.form-box select{padding:10px;border-radius:8px;border:1px solid #ddd}.tabla-historial{width:100%;border-collapse:collapse;margin-top:20px}.tabla-historial th{background-color:#2c3e50;color:#fff;padding:10px;text-align:left}.tabla-historial td{padding:10px;border-bottom:1px solid #ddd}.tabla-historial tr:hover{background-color:#f5f5f5}.btn-ver{background:#3498db;color:#fff;border:none;padding:5px 12px;border-radius:5px;cursor:pointer}.btn-primario{background:#27ae60;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer}.btn-secundario{background:#7f8c8d;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:25px;width:600px;max-height:90vh;overflow:auto;border-radius:10px}