:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-container{background-color:#f4f7f6;justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.login-form{background-color:#fff;border-radius:8px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 12px #0000001a}.login-form h2{text-align:center;color:#333;margin-bottom:24px;font-size:24px}.error-message{color:#c62828;text-align:center;background-color:#ffebee;border:1px solid #ef9a9a;border-radius:4px;margin-bottom:20px;padding:10px;font-size:14px}.form-group input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:10px 12px;font-size:15px;transition:border-color .3s,box-shadow .3s}.form-group input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff26}.login-form button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;width:100%;margin-top:10px;padding:12px;font-size:16px;font-weight:600;transition:background-color .3s}.login-form button:hover:not(:disabled){background-color:#0056b3}.login-form button:disabled{cursor:not-allowed;background-color:#90c2f9}.sidebar{color:#fff;z-index:1000;background:#111827;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid #273244;align-items:center;height:80px;padding:0 20px;display:flex}.logo-bim{background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-right:12px;font-size:14px;font-weight:800;display:flex}.sidebar-title{flex-direction:column;line-height:1.2;display:flex}.sidebar-title strong{font-size:15px}.sidebar-title span{color:#9ca3af;font-size:12px}.sidebar-user{border-bottom:1px solid #273244;align-items:center;padding:20px;display:flex}.user-avatar{background:#374151;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-right:12px;font-weight:700;display:flex}.user-info{flex-direction:column;min-width:0;display:flex}.user-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.user-info span{color:#9ca3af;margin-top:3px;font-size:12px}.sidebar-menu{flex:1;padding:15px 12px;overflow-y:auto}.menu-section{color:#6b7280;letter-spacing:1px;margin:18px 10px 8px;font-size:10px;font-weight:700}.menu-item{color:#d1d5db;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:11px 12px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{color:#fff;background:#1f2937}.menu-item.active{color:#fff;background:#2563eb}.menu-icon{text-align:center;width:20px;font-size:16px}.sidebar-footer{border-top:1px solid #273244;padding:15px 12px}.logout-button{color:#d1d5db;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:14px;display:flex}.logout-button:hover{color:#fff;background:#1f2937}.navbar{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.navbar-left h2{color:#111827;margin:0;font-size:18px}.navbar-user{align-items:center;gap:10px;display:flex}.navbar-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.navbar-user-info{flex-direction:column;display:flex}.navbar-user-info strong{color:#111827;font-size:13px}.navbar-user-info span{color:#6b7280;font-size:11px}.layout{background:#f3f4f6;min-height:100vh;overflow-x:hidden}.main-area{box-sizing:border-box;width:calc(100% - 260px);min-height:100vh;margin-left:260px;transition:margin-left .3s,width .3s}.page-content{box-sizing:border-box;width:100%;padding:20px}@media (width<=1024px){.main-area{width:100%;margin-left:0}.page-content{padding:10px}}.dashboard{box-sizing:border-box;width:100%;padding:30px}.page-header h1{color:#1f2937;margin:0;font-size:30px;font-weight:600}.page-header p{color:#6b7280;margin-top:6px;margin-bottom:0;font-size:14px}.dashboard-error{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:14px 16px}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px;display:grid}.dashboard-card{background-color:#fff;border-radius:10px;flex-direction:column;padding:22px;display:flex;box-shadow:0 2px 8px #00000014}.card-value{color:#1f2937;margin-top:8px;margin-bottom:8px;font-size:32px;font-weight:700}.dashboard-section{background-color:#fff;border-radius:10px;margin-bottom:25px;padding:25px;box-shadow:0 2px 8px #00000014}.dashboard-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.dashboard-section-header h2{color:#1f2937;margin:0;font-size:20px}.dashboard-section-header span{color:#6b7280;margin-top:4px;font-size:14px;display:block}.dashboard-section-header strong{color:#2563eb;font-size:14px}.dashboard-project-filter{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;min-width:250px;max-width:100%;padding:10px 12px;font-size:14px}.dashboard-project-filter:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.document-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.document-summary-card{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;padding:20px;display:flex}.document-summary-card span{color:#6b7280;font-size:14px}.document-summary-card strong{color:#1f2937;margin-top:10px;font-size:28px}.activity-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;display:grid}.activity-summary-card{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;padding:20px;display:flex}.activity-summary-title{color:#6b7280;font-size:14px}.activity-summary-card strong{color:#1f2937;margin:10px 0;font-size:28px}.activity-summary-card span:last-child{color:#9ca3af;font-size:13px}.activity-progress-card{border:1px solid #e5e7eb;border-radius:8px;padding:20px}.progress-header{justify-content:space-between;margin-bottom:14px;display:flex}.progress-header span{color:#6b7280;font-size:14px}.progress-header strong{color:#2563eb}.progress-bar{background-color:#e5e7eb;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{border-radius:inherit;background-color:#2563eb;height:100%;transition:width .3s}.calendar-section{overflow:hidden}.calendar-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-bottom:20px;display:flex}.calendar-controls h3{text-align:center;text-transform:capitalize;color:#1f2937;min-width:220px;margin:0;font-size:19px}.calendar-controls button{color:#374151;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:6px;width:38px;height:38px;font-size:20px;transition:background-color .2s,transform .2s}.calendar-controls button:hover{background-color:#e2e8f0;transform:translateY(-1px)}.calendar-container{cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;width:100%;overflow-x:auto}.calendar-container.dragging{cursor:grabbing}.calendar-container::-webkit-scrollbar{height:8px}.calendar-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.calendar-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.calendar-weekdays{border:1px solid #e5e7eb;border-bottom:none;grid-template-columns:repeat(7,minmax(140px,1fr));width:100%;min-width:980px;display:grid}.calendar-weekdays span{text-align:center;color:#64748b;background-color:#f8fafc;border-right:1px solid #e5e7eb;padding:12px;font-size:13px;font-weight:600}.calendar-weekdays span:last-child{border-right:none}.calendar-grid{border-left:1px solid #e5e7eb;grid-template-columns:repeat(7,minmax(140px,1fr));width:100%;min-width:980px;display:grid}.calendar-day{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;flex-direction:column;min-width:0;min-height:170px;padding:8px 0;display:flex}.calendar-day:hover{background-color:#f8fafc}.calendar-day-empty{background-color:#f9fafb}.calendar-day-number{color:#374151;margin-bottom:8px;padding:0 8px;font-size:13px;font-weight:600}.calendar-events{flex-direction:column;gap:3px;width:100%;display:flex}.calendar-event{box-sizing:border-box;cursor:pointer;z-index:1;flex-direction:column;min-height:22px;max-height:22px;padding:3px 8px;transition:all .3s;display:flex;position:relative;overflow:hidden}.calendar-event:hover{z-index:10;min-height:70px;max-height:120px;padding:8px 10px;box-shadow:0 4px 12px #0000004d;border-radius:6px!important}.event-content{color:#fff;flex-direction:column;gap:4px;width:100%;display:flex}.event-title{white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:16px;overflow:hidden}.calendar-event:hover .event-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.event-title strong{margin-right:4px;font-weight:700}.event-details{color:#fffffff2;opacity:0;flex-direction:column;gap:2px;font-size:10px;line-height:1.3;transition:all .3s;display:flex;transform:translateY(-5px)}.calendar-event:hover .event-details{opacity:1;margin-top:2px;transform:translateY(0)}.calendar-event-medio .event-title,.calendar-event-fin .event-title{opacity:0;transition:opacity .3s}.calendar-event-medio:hover .event-title,.calendar-event-fin:hover .event-title{opacity:1}.calendar-event-inicio{border-radius:4px 0 0 4px;margin-left:8px}.calendar-event-medio{border-radius:0}.calendar-event-fin{border-radius:0 4px 4px 0;margin-right:8px}.calendar-event-inicio-fin{border-radius:4px;margin:0 8px}.especialidad-arquitectura{background-color:#3b82f6}.especialidad-equipamiento{background-color:#22c55e}.especialidad-estructuras{background-color:#f97316}.especialidad-electricas{background-color:#eab308}.especialidad-mecanicas{background-color:#a855f7}.especialidad-sanitarias{background-color:#06b6d4}.especialidad-ti{background-color:#6366f1}.especialidad-default{background-color:#94a3b8}.calendar-legend{color:#64748b;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding-top:18px;font-size:13px;display:flex}.calendar-legend-items{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.calendar-legend-item{align-items:center;gap:7px;display:flex}.calendar-legend-color{border-radius:2px;width:16px;height:4px;display:inline-block}.dashboard-columns{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;display:grid}.dashboard-panel{background-color:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 8px #00000014}.panel-header{margin-bottom:20px}.panel-header h2{color:#1f2937;margin:0;font-size:20px}.panel-empty{text-align:center;color:#94a3b8;margin:0;padding:25px 0}.recent-list{flex-direction:column;display:flex}.recent-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.recent-item:last-child{border-bottom:none}.recent-item-info{flex-direction:column;gap:4px;min-width:0;display:flex}.recent-item-info strong{color:#1f2937;font-size:14px}.recent-item-info span{color:#6b7280;font-size:13px}.recent-item-info small{color:#94a3b8;font-size:11px}.recent-item-meta{white-space:nowrap;color:#64748b;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;display:flex}.recent-item-meta strong{color:#2563eb}.dashboard-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.dashboard-loading-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:38px;height:38px;margin-bottom:15px;animation:.8s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}@media (width<=768px){.dashboard,.dashboard-section,.dashboard-panel{padding:15px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(110px,1fr))}.calendar-day{min-height:120px}}.proyectos-page{width:100%}.page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header p{color:#6b7280;margin:6px 0 0}.btn-primary{color:#fff;background:#2563eb;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none}.btn-primary:hover{background:#1d4ed8}.proyectos-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.proyectos-table{border-collapse:collapse;width:100%}.proyectos-table th{color:#6b7280;text-align:left;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px}.proyectos-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:15px 16px;font-size:14px}.proyectos-table tbody tr:hover{background:#f9fafb}.loading{text-align:center;color:#6b7280;padding:50px}.empty-state{text-align:center;padding:60px}.empty-state h3{color:#374151;margin-bottom:8px}.empty-state p{color:#9ca3af}.alert-error{color:#991b1b;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:12px 16px}.btn-editar{color:#fff;background:#2563eb;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn-eliminar{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:600;transition:background .2s;display:inline-block}.proyecto-form-page{width:100%}.form-header h1{color:#111827;margin:0;font-size:26px}.form-alert{border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:14px}.form-alert-error{color:#991b1b;background:#fee2e2}.form-alert-success{color:#166534;background:#dcfce7}.proyecto-form{flex-direction:column;gap:20px;display:flex}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.form-section-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.form-section-header h2{color:#111827;margin:0;font-size:17px}.form-section-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.form-group label span{color:#dc2626;margin-left:3px}.form-group input,.form-group textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input{height:42px}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-actions{justify-content:flex-end;gap:12px;padding-bottom:20px;display:flex}.btn-secondary,.btn-submit{cursor:pointer;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600}.btn-secondary:hover{background:#d1d5db}.btn-submit{color:#fff;background:#2563eb}.btn-submit:hover{background:#1d4ed8}.btn-secondary:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}.form-loading{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px}@media (width<=700px){.form-grid{grid-template-columns:1fr}.form-group-full{grid-column:auto}.form-actions{flex-direction:column-reverse}.btn-secondary,.btn-submit{width:100%}}.especialidades-container{padding:24px}.especialidades-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.especialidades-header h2{margin:0}.especialidades-header p{color:#666;margin-top:6px}.table-container{overflow-x:auto}.especialidades-table{border-collapse:collapse;background:#fff;width:100%}.especialidades-table th,.especialidades-table td{text-align:left;border-bottom:1px solid #ddd;padding:12px 16px}.especialidades-table th{font-weight:600}.btn-edit{color:#fff;background:#f59e0b}.empty-message{text-align:center;background:#f5f5f5;border-radius:8px;padding:40px}.especialidad-form-container{max-width:700px;padding:24px}.especialidad-form{background:#fff;border-radius:8px;padding:24px}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-group input{border:1px solid #ccc;border-radius:6px;padding:10px 12px;font-size:14px}.form-group input:focus{border-color:#2563eb;outline:none}.btn{cursor:pointer;border:none;border-radius:6px;padding:9px 16px;text-decoration:none}.btn-secondary{color:#fff;background:#6b7280}.subespecialidades-container{padding:24px}.subespecialidades-container .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.subespecialidades-container .page-header h2{margin:0}.subespecialidades-container .page-header p{color:#666;margin-top:6px}.subespecialidades-container .table-container{overflow-x:auto}.subespecialidades-container table{border-collapse:collapse;background:#fff;width:100%}.subespecialidades-container th,.subespecialidades-container td{text-align:left;border-bottom:1px solid #ddd;padding:12px}.subespecialidades-container th{font-weight:600}.subespecialidades-container .acciones{gap:8px;display:flex}.subespecialidades-container .btn{cursor:pointer;border:none;border-radius:5px;padding:8px 12px;text-decoration:none}.subespecialidades-container .btn-primary{color:#fff;background:#2563eb}.subespecialidades-container .btn-edit{color:#fff;background:#f59e0b}.subespecialidades-container .btn-delete{color:#fff;background:#dc2626}.subespecialidades-container .error-message{color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:16px;padding:12px}.subespecialidades-container .empty-message{text-align:center;background:#fff;border-radius:8px;padding:30px}.subespecialidad-form-container{max-width:700px;padding:24px}.subespecialidad-form-container .form-header{margin-bottom:24px}.subespecialidad-form-container .form-header h2{margin:0}.subespecialidad-form-container .form-header p{color:#666;margin-top:6px}.subespecialidad-form{background:#fff;border-radius:8px;padding:24px}.subespecialidad-form .form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.subespecialidad-form .form-group label{font-weight:600}.subespecialidad-form input,.subespecialidad-form select{color:#222;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:10px 12px;font-size:14px}.subespecialidad-form select option{color:#222;background-color:#fff}.subespecialidad-form select{background:#fff}.subespecialidad-form input:focus,.subespecialidad-form select:focus{border-color:#2563eb;outline:none}.subespecialidad-form .form-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.subespecialidad-form .btn{cursor:pointer;border:none;border-radius:6px;padding:9px 16px}.subespecialidad-form .btn-primary{color:#fff;background:#2563eb}.subespecialidad-form .btn-secondary{color:#fff;background:#6b7280}.subespecialidad-form-container .error-message{color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:16px;padding:12px}.bloques-container{padding:24px}.bloques-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.bloques-header h2{margin:0}.bloques-header p{color:#666;margin-top:6px}.bloque-form-container{max-width:700px;padding:24px}.bloque-form-container .form-header{margin-bottom:24px}.bloque-form-container .form-header h2{margin:0}.bloque-form-container .form-header p{color:#666;margin-top:6px}.bloque-form{background:#fff;border-radius:8px;padding:24px}.bloque-form .form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.bloque-form .form-group label{font-weight:600}.bloque-form input{border:1px solid #ccc;border-radius:6px;padding:10px 12px;font-size:14px}.bloque-form input:focus{border-color:#2563eb;outline:none}.bloque-form .form-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.bloque-form .btn{cursor:pointer;border:none;border-radius:6px;padding:9px 16px}.bloque-form .btn-primary{color:#fff;background:#2563eb}.bloque-form .btn-secondary{color:#fff;background:#6b7280}.bloque-form-container .error-message{color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:16px;padding:12px}.niveles-container{padding:24px}.niveles-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.niveles-header h2{margin:0}.niveles-header p{color:#666;margin-top:6px}.table-container{background:#fff;border-radius:8px;overflow-x:auto}.table-container table{border-collapse:collapse;width:100%}.table-container th,.table-container td{text-align:left;border-bottom:1px solid #e5e5e5;padding:12px 16px}.table-container th{background:#f5f5f5;font-weight:600}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-block}.btn-edit{color:#fff;background:#f59e0b;margin-right:8px}.btn-delete{color:#fff;background:#dc2626}.empty-message{text-align:center;color:#666;background:#fff;border-radius:8px;padding:30px}.nivel-form-container{max-width:700px;padding:24px}.nivel-form-container .form-header{margin-bottom:24px}.nivel-form-container .form-header h2{margin:0}.nivel-form-container .form-header p{color:#666;margin-top:6px}.nivel-form{background:#fff;border-radius:8px;padding:24px}.nivel-form .form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.nivel-form .form-group label{font-weight:600}.nivel-form input{border:1px solid #ccc;border-radius:6px;padding:10px 12px;font-size:14px}.nivel-form input:focus{border-color:#2563eb;outline:none}.nivel-form .form-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.nivel-form .btn{cursor:pointer;border:none;border-radius:6px;padding:9px 16px}.nivel-form .btn-primary{color:#fff;background:#2563eb}.nivel-form .btn-secondary{color:#fff;background:#6b7280}.nivel-form-container .error-message{color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:16px;padding:12px}.tipos-trabajo-container{padding:24px}.tipos-trabajo-container .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tipos-trabajo-container .page-header h2{margin:0}.tipos-trabajo-container .page-header p{color:#666;margin-top:6px}.tipos-trabajo-container .btn{cursor:pointer;border:none;border-radius:6px;padding:9px 14px;font-size:14px;text-decoration:none}.tipos-trabajo-container .btn-primary{color:#fff;background:#2563eb}.tipos-trabajo-container .table-container{background:#fff;border-radius:8px;overflow-x:auto}.tipos-trabajo-container table{border-collapse:collapse;width:100%}.tipos-trabajo-container th,.tipos-trabajo-container td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 14px}.tipos-trabajo-container th{font-weight:600}.tipos-trabajo-container .acciones{gap:8px;display:flex}.tipos-trabajo-container .btn-edit{color:#fff;background:#f59e0b}.tipos-trabajo-container .btn-delete{color:#fff;background:#dc2626}.tipos-trabajo-container .empty-message{text-align:center;background:#fff;border-radius:8px;padding:30px}.tipos-trabajo-container .error-message{color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:16px;padding:12px}.tipo-trabajo-form-container{max-width:700px;padding:24px}.tipo-trabajo-form-container .form-header{margin-bottom:24px}.tipo-trabajo-form-container .form-header h2{margin:0}.tipo-trabajo-form-container .form-header p{color:#666;margin-top:6px}.tipo-trabajo-form{background:#fff;border-radius:8px;padding:24px}.tipo-trabajo-form .form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.tipo-trabajo-form .form-group label{font-weight:600}.tipo-trabajo-form input,.tipo-trabajo-form textarea{border:1px solid #ccc;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px}.tipo-trabajo-form textarea{resize:vertical}.tipo-trabajo-form input:focus,.tipo-trabajo-form textarea:focus{border-color:#2563eb;outline:none}.tipo-trabajo-form .form-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.tipo-trabajo-form .btn{cursor:pointer;border:none;border-radius:6px;padding:9px 16px}.tipo-trabajo-form .btn-primary{color:#fff;background:#2563eb}.tipo-trabajo-form .btn-secondary{color:#fff;background:#6b7280}.tipo-trabajo-form-container .error-message{color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:16px;padding:12px}.estados-container{padding:24px}.estados-container .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.estados-container .page-header h2{margin:0}.estados-container .page-header p{color:#666;margin-top:6px}.estados-container .btn{cursor:pointer;border:none;border-radius:6px;padding:9px 14px;font-size:14px;text-decoration:none}.estados-container .btn-primary{color:#fff;background:#2563eb}.estados-container .table-container{background:#fff;border-radius:8px;overflow-x:auto}.estados-container table{border-collapse:collapse;width:100%}.estados-container th,.estados-container td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 14px}.estados-container th{font-weight:600}.estados-container .acciones{gap:8px;display:flex}.estados-container .btn-edit{color:#fff;background:#f59e0b}.estados-container .btn-delete{color:#fff;background:#dc2626}.estados-container .empty-message{text-align:center;background:#fff;border-radius:8px;padding:30px}.estados-container .error-message{color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:16px;padding:12px}.estado-form-container{max-width:700px;padding:24px}.form-header h2{margin:0}.estado-form{background:#fff;border-radius:8px;padding:24px}.form-group label{font-weight:600}.form-group input{border:1px solid #d1d5db;border-radius:6px;outline:none;padding:11px 12px;font-size:15px}.form-group input:focus{border-color:#2563eb}.btn{cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-size:14px}.btn-primary{color:#fff;background:#2563eb}.btn-cancel{color:#fff;background:#6b7280}.btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:16px;padding:12px}.responsables-container{padding:24px}.responsables-container .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.responsables-container .page-header h2{margin:0}.responsables-container .page-header p{color:#666;margin-top:6px}.responsables-container .btn{cursor:pointer;border:none;border-radius:6px;padding:9px 14px;font-size:14px;text-decoration:none}.responsables-container .btn-primary{color:#fff;background:#2563eb}.responsables-container .table-container{background:#fff;border-radius:8px;overflow-x:auto}.responsables-container table{border-collapse:collapse;width:100%}.responsables-container th,.responsables-container td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 14px}.responsables-container th{font-weight:600}.responsables-container .acciones{gap:8px;display:flex}.responsables-container .btn-edit{color:#fff;background:#f59e0b}.responsables-container .btn-delete{color:#fff;background:#dc2626}.responsables-container .empty-message{text-align:center;background:#fff;border-radius:8px;padding:30px}.responsables-container .error-message{color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:16px;padding:12px}.responsable-form-container{color:#f8fafc;background:#1e293b;border-radius:10px;max-width:700px;margin:30px auto;padding:30px;box-shadow:0 4px 15px #00000040}.form-header{margin-bottom:25px}.form-header h2{color:#fff;margin:0;font-size:24px}.form-header p{color:#cbd5e1;margin-top:6px}.form-group label{color:#f1f5f9;margin-bottom:8px;font-weight:600}.form-group select{color:#f8fafc;cursor:pointer;background-color:#0f172a;border:1px solid #475569;border-radius:6px;width:100%;padding:11px 12px;font-size:14px}.form-group select:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 2px #60a5fa33}.form-group select option{color:#f8fafc;background-color:#0f172a}.form-error{color:#fecaca;background:#7f1d1d;border:1px solid #991b1b;border-radius:6px;margin-bottom:20px;padding:12px}.usuarios-container{box-sizing:border-box;width:100%;padding:25px}.usuarios-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.usuarios-header h2{color:#fff;margin:0;font-size:26px}.usuarios-header p{color:#cbd5e1;margin-top:6px}.btn-nuevo{color:#fff;background:#2563eb;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s}.btn-nuevo:hover{background:#1d4ed8}.usuarios-table-container{background:#1e293b;border-radius:8px;width:100%;overflow-x:auto;box-shadow:0 4px 12px #0003}.usuarios-table{border-collapse:collapse;width:100%}.usuarios-table th{color:#f8fafc;text-align:left;background:#0f172a;border-bottom:1px solid #334155;padding:14px;font-size:14px;font-weight:600}.usuarios-table td{color:#e2e8f0;border-bottom:1px solid #334155;padding:14px;font-size:14px}.usuarios-table tbody tr:hover{background:#263449}.usuario-login{color:#93c5fd;font-weight:500}.rol-badge{color:#e2e8f0;background:#334155;border-radius:12px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-block}.acciones{align-items:center;gap:8px;display:flex}.btn-editar{color:#fff;background:#2563eb;border-radius:5px;padding:7px 11px;font-size:13px;text-decoration:none;transition:background .2s}.btn-eliminar{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:5px;padding:7px 11px;font-size:13px;transition:background .2s}.btn-eliminar:disabled{cursor:not-allowed;background:#64748b}.usuarios-error{color:#fecaca;background:#7f1d1d;border:1px solid #991b1b;border-radius:6px;margin-bottom:20px;padding:12px 15px}.usuarios-vacio{color:#cbd5e1;text-align:center;background:#1e293b;border-radius:8px;padding:35px}.loading-message{color:#cbd5e1;text-align:center;padding:30px}@media (width<=900px){.usuarios-header{flex-direction:column;align-items:flex-start;gap:15px}.usuarios-table{min-width:850px}}.usuario-form-container{color:#f8fafc;background:#1e293b;border-radius:10px;max-width:700px;margin:30px auto;padding:30px;box-shadow:0 4px 15px #00000040}.usuario-form-header{margin-bottom:25px}.usuario-form-header h2{color:#fff;margin:0;font-size:24px}.usuario-form-header p{color:#cbd5e1;margin-top:7px}.usuario-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#f1f5f9;margin-bottom:7px;font-size:14px;font-weight:600}.form-group input,.form-group select{box-sizing:border-box;color:#f8fafc;background:#0f172a;border:1px solid #475569;border-radius:6px;width:100%;padding:11px 12px;font-size:14px}.form-group input::placeholder{color:#94a3b8}.form-group input:focus,.form-group select:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 2px #60a5fa33}.form-group select option{color:#f8fafc;background:#0f172a}.campo-opcional{color:#94a3b8;font-size:12px;font-weight:400}.usuario-form-error{color:#fecaca;background:#7f1d1d;border:1px solid #991b1b;border-radius:6px;margin-bottom:20px;padding:12px}.usuario-form-actions{justify-content:flex-end;gap:10px;margin-top:15px;display:flex}.btn-cancelar:hover{background:#64748b}.btn-guardar:hover{background:#1d4ed8}@media (width<=700px){.usuario-form-container{margin:15px;padding:20px}.usuario-form-actions{flex-direction:column}.btn-cancelar,.btn-guardar{width:100%}}.informes-container{box-sizing:border-box;width:100%;padding:25px}.informes-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.informes-header h1{margin:0;font-size:28px}.informes-header p{color:#777;margin-top:6px}.btn-nuevo-informe{cursor:pointer;border:none;border-radius:6px;padding:11px 18px;font-size:14px;font-weight:600}.btn-nuevo-informe:hover{opacity:.85}.tabla-container{width:100%;overflow-x:auto}.tabla-informes{border-collapse:collapse;background:#fff;width:100%}.tabla-informes th,.tabla-informes td{text-align:left;border-bottom:1px solid #ddd;padding:13px 12px}.tabla-informes th{font-weight:600}.tabla-informes tbody tr:hover{background-color:#f7f7f7}.acciones{flex-wrap:wrap;gap:8px;display:flex}.btn-pdf,.btn-editar,.btn-eliminar{cursor:pointer;border:none;border-radius:5px;padding:7px 11px;font-size:13px}.btn-pdf:hover,.btn-editar:hover,.btn-eliminar:hover{opacity:.8}.mensaje-cargando,.mensaje-vacio{text-align:center;padding:30px}.modal-pdf-overlay{z-index:9999;box-sizing:border-box;background-color:#000000b3;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal-pdf{background-color:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:1200px;height:90%;display:flex;overflow:hidden;box-shadow:0 10px 40px #0006}.modal-pdf-header{box-sizing:border-box;background-color:#f7f7f7;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;height:55px;padding:0 18px;display:flex}.modal-pdf-header h2{margin:0;font-size:17px;font-weight:600}.btn-cerrar-pdf{cursor:pointer;color:#555;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-size:22px}.modal-pdf-contenido{background-color:#555;flex:1;width:100%;overflow:hidden}.visor-pdf{border:none;width:100%;height:100%;display:block}@media (width<=768px){.modal-pdf-overlay{padding:10px}.modal-pdf{width:100%;height:95%}.modal-pdf-header h2{font-size:15px}}.informe-form-container{box-sizing:border-box;width:100%;padding:25px}.informe-form-header{margin-bottom:25px}.informe-form-header h1{margin:0;font-size:28px}.informe-form-header p{color:#777;margin-top:6px}.informe-form{box-sizing:border-box;background:#fff;border-radius:8px;width:100%;max-width:850px;padding:25px;box-shadow:0 2px 8px #00000014}.form-group input,.form-group textarea{box-sizing:border-box;color:#222;background-color:#fff;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:#555;box-shadow:0 0 0 2px #00000014}.form-group input[type=file]{cursor:pointer;padding:9px}.archivo-actual{background-color:#f3f3f3;border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:14px;display:flex}.archivo-actual a{font-weight:600;text-decoration:none}.archivo-actual a:hover{text-decoration:underline}.archivo-seleccionado{background-color:#f3f3f3;border-radius:6px;margin-top:10px;padding:10px 12px;font-size:14px}.ayuda-pdf{color:#777;margin-top:8px;font-size:12px;display:block}.mensaje-error{color:#b00020;background-color:#ffe5e5;border-radius:6px;max-width:850px;margin-bottom:20px;padding:12px 15px;font-size:14px}.btn-cancelar:hover,.btn-guardar:hover{opacity:.85}.mensaje-cargando{text-align:center;padding:30px;font-size:15px}@media (width<=768px){.informe-form-container{padding:15px}.informe-form{padding:18px}.informe-form-header h1{font-size:24px}.form-actions{flex-direction:column}.btn-cancelar,.btn-guardar{width:100%}}.btn-ver-pdf{cursor:pointer;border:none;border-radius:5px;margin-left:10px;padding:6px 12px}.pdf-modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.pdf-modal{background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:1200px;height:90%;display:flex;overflow:hidden;box-shadow:0 10px 40px #0006}.pdf-modal-header{border-bottom:1px solid #ddd;flex-shrink:0;justify-content:space-between;align-items:center;height:55px;padding:0 20px;display:flex}.pdf-modal-header h2{margin:0;font-size:18px}.pdf-modal-cerrar{cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:24px}.pdf-modal-body{flex:1;width:100%;height:100%}.pdf-modal-body iframe{border:none;width:100%;height:100%}.actividades-container{box-sizing:border-box;width:100%;padding:30px}.actividades-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.actividades-header h1{margin:0 0 6px;font-size:28px}.actividades-header p{color:#666;margin:0}.btn-nueva-actividad{cursor:pointer;border:none;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:600}.tabla-container{background:#fff;border-radius:8px;width:100%;overflow-x:auto;box-shadow:0 2px 8px #00000014}.tabla-actividades{border-collapse:collapse;width:100%;min-width:1500px}.tabla-actividades th,.tabla-actividades td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e5e5;padding:12px 14px}.tabla-actividades th{background:#f5f5f5;font-weight:600}.tabla-actividades tbody tr:hover{background:#fafafa}.acciones{gap:8px;display:flex}.btn-editar,.btn-eliminar{cursor:pointer;border:none;border-radius:5px;padding:7px 11px;font-size:13px}.btn-editar{background:#e8f1ff}.btn-eliminar{background:#ffe8e8}.mensaje-cargando,.mensaje-vacio{text-align:center;color:#666;padding:30px}.actividad-form-container{box-sizing:border-box;width:100%;padding:30px}.actividad-form-header{margin-bottom:25px}.actividad-form-header h1{margin:0 0 6px;font-size:28px}.actividad-form-header p{color:#666;margin:0}.actividad-form{background:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 8px #00000014}.form-section{border-bottom:1px solid #e5e5e5;margin-bottom:30px;padding-bottom:25px}.form-section h2{margin:0 0 20px;font-size:19px}.form-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;margin-bottom:18px;display:flex}.form-group label{margin-bottom:7px;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#666;outline:none}.form-group textarea{resize:vertical}.form-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.btn-cancelar,.btn-guardar{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600}.btn-cancelar{background:#e5e5e5}.btn-cancelar:disabled,.btn-guardar:disabled{opacity:.6;cursor:not-allowed}.mensaje-error{color:#b00020;background:#ffe5e5;border-radius:6px;margin-bottom:20px;padding:12px 15px}@media (width<=900px){.form-row{grid-template-columns:1fr}}.actividades-designadas-container{box-sizing:border-box;width:100%;padding:30px}.actividades-designadas-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.actividades-designadas-header h1{margin:0;font-size:28px;font-weight:600}.actividades-designadas-header p{color:#666;margin-top:6px;margin-bottom:0;font-size:14px}.btn-nueva-actividad-designada{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:11px 18px;font-size:14px;font-weight:500;transition:background-color .2s}.btn-nueva-actividad-designada:hover{background-color:#1d4ed8}.mensaje-error{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-bottom:20px;padding:12px 15px}.mensaje-cargando{text-align:center;color:#666;padding:40px}.mensaje-vacio{text-align:center;color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:40px}.tabla-container{background-color:#fff;border-radius:8px;width:100%;overflow-x:auto;box-shadow:0 2px 8px #00000014}.tabla-actividades-designadas{border-collapse:collapse;width:100%;min-width:1000px}.tabla-actividades-designadas thead{background-color:#f8fafc}.tabla-actividades-designadas th{text-align:left;color:#374151;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:13px;font-weight:600}.tabla-actividades-designadas td{color:#374151;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:14px}.tabla-actividades-designadas tbody tr:hover{background-color:#f9fafb}.tabla-actividades-designadas td:nth-child(7){white-space:normal;word-break:break-word;max-width:300px}.columna-periodo{min-width:190px}.periodo-actividad{white-space:nowrap;align-items:center;gap:6px;display:flex}.periodo-fecha{color:#374151;font-size:13px;font-weight:500}.periodo-separador{color:#6b7280;font-size:14px;font-weight:600}.periodo-sin-fechas{color:#9ca3af;font-size:13px;font-style:italic}.acciones{white-space:nowrap;align-items:center;gap:8px;display:flex}.btn-editar{color:#fff;cursor:pointer;background-color:#f59e0b;border:none;border-radius:5px;padding:7px 11px;font-size:13px;transition:background-color .2s}.btn-editar:hover{background-color:#d97706}.btn-eliminar{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:5px;padding:7px 11px;font-size:13px;transition:background-color .2s}.btn-eliminar:hover{background-color:#b91c1c}@media (width<=900px){.actividades-designadas-container{padding:20px}.actividades-designadas-header{flex-direction:column;align-items:flex-start;gap:15px}.btn-nueva-actividad-designada{width:100%}}.actividad-designada-form-container{box-sizing:border-box;width:100%;padding:30px}.actividad-designada-form-header{margin-bottom:25px}.actividad-designada-form-header h1{color:#1f2937;margin:0;font-size:28px;font-weight:600}.actividad-designada-form-header p{color:#6b7280;margin-top:6px;margin-bottom:0;font-size:14px}.actividad-designada-form{box-sizing:border-box;background-color:#fff;border-radius:10px;width:100%;max-width:800px;padding:30px;box-shadow:0 2px 8px #00000014}.actividad-designada-form .form-group{flex-direction:column;margin-bottom:22px;display:flex}.actividad-designada-form .form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600}.actividad-designada-form input,.actividad-designada-form select,.actividad-designada-form textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:11px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.actividad-designada-form input:focus,.actividad-designada-form select:focus,.actividad-designada-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.actividad-designada-form textarea{resize:vertical;min-height:120px}.actividad-designada-form input:disabled,.actividad-designada-form select:disabled,.actividad-designada-form textarea:disabled{cursor:not-allowed;background-color:#f3f4f6}.actividad-designada-form-container .mensaje-error{color:#b91c1c;box-sizing:border-box;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;max-width:800px;margin-bottom:20px;padding:12px 15px}.actividad-designada-form-container .mensaje-cargando{text-align:center;color:#6b7280;padding:40px;font-size:15px}.actividad-designada-form .form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;display:flex}.actividad-designada-form .btn-cancelar{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s}.actividad-designada-form .btn-cancelar:hover{background-color:#f3f4f6}.actividad-designada-form .btn-guardar{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.actividad-designada-form .btn-guardar:hover{background-color:#1d4ed8}.actividad-designada-form .btn-cancelar:disabled,.actividad-designada-form .btn-guardar:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.actividad-designada-form-container,.actividad-designada-form{padding:20px}.actividad-designada-form .form-actions{flex-direction:column-reverse}.actividad-designada-form .btn-cancelar,.actividad-designada-form .btn-guardar{width:100%}}.form-row-fechas{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-row-fechas .form-group{margin-bottom:22px}.actividad-designada-form input[type=date]{cursor:pointer}.actividad-designada-form input[type=date]:disabled{cursor:not-allowed}@media (width<=600px){.form-row-fechas{grid-template-columns:1fr;gap:0}}.informes-adjuntos-container{box-sizing:border-box;width:100%;padding:30px}.informes-adjuntos-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.informes-adjuntos-header h1{color:#1f2937;margin:0 0 6px;font-size:28px;font-weight:700}.informes-adjuntos-header p{color:#6b7280;margin:0;font-size:14px}.btn-nuevo-informe-adjunto{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s}.btn-nuevo-informe-adjunto:hover{opacity:.92;transform:translateY(-1px)}.informes-adjuntos-error{color:#991b1b;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:14px 16px;font-size:14px}.informes-adjuntos-loading{text-align:center;color:#6b7280;padding:50px;font-size:15px}.tabla-informes-adjuntos-container{background:#fff;border-radius:10px;width:100%;overflow-x:auto;box-shadow:0 2px 10px #0000000f}.tabla-informes-adjuntos{border-collapse:collapse;width:100%;min-width:950px}.tabla-informes-adjuntos thead{background:#f3f4f6}.tabla-informes-adjuntos th{text-align:left;color:#374151;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:13px;font-weight:700}.tabla-informes-adjuntos td{color:#374151;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:13px 12px;font-size:13px}.tabla-informes-adjuntos tbody tr{transition:background .2s}.tabla-informes-adjuntos tbody tr:hover{background:#f9fafb}.btn-ver-pdf{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:opacity .2s}.acciones-informe-adjunto{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:flex}.btn-editar-informe{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:opacity .2s}.btn-editar-informe:hover{opacity:.88}.btn-eliminar-informe{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:opacity .2s}.btn-eliminar-informe:hover{opacity:.88}@media (width<=768px){.informes-adjuntos-container{padding:20px}.informes-adjuntos-header{flex-direction:column;align-items:flex-start}.btn-nuevo-informe-adjunto{width:100%}.modal-pdf-overlay{padding:10px}.modal-pdf-content{width:100%;height:95vh}.modal-pdf-header h2{font-size:16px}}.informe-adjunto-form-container{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:30px}.informe-adjunto-form-header{margin-bottom:25px}.informe-adjunto-form-header h1{color:#1f2937;margin:0 0 8px;font-size:28px;font-weight:700}.informe-adjunto-form-header p{color:#6b7280;margin:0;font-size:14px}.informe-adjunto-form{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #00000014}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-group input,.form-group select{box-sizing:border-box;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:11px 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;color:#9ca3af;background:#f3f4f6}.archivo-input-container input[type=file]{cursor:pointer;background:#f9fafb;border:1px dashed #9ca3af;padding:10px}.archivo-seleccionado{color:#065f46;background:#ecfdf5;border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;padding:12px;font-size:13px;display:flex}.archivo-actual{color:#1e40af;background:#eff6ff;border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;padding:12px;font-size:13px;display:flex}.btn-ver-archivo-actual{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:600;transition:opacity .2s}.form-help-text{color:#6b7280;margin-top:2px;font-size:12px}.informe-adjunto-form-error{color:#991b1b;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:14px 16px;font-size:14px}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;display:flex}.btn-cancelar-form,.btn-guardar-form{cursor:pointer;border:none;border-radius:7px;padding:11px 20px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s}.btn-cancelar-form{color:#374151;background:#e5e7eb}.btn-cancelar-form:hover{background:#d1d5db}.btn-guardar-form{color:#fff;background:#2563eb}.btn-guardar-form:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-cancelar-form:disabled,.btn-guardar-form:disabled{cursor:not-allowed;opacity:.65}.informe-adjunto-form-loading{text-align:center;color:#6b7280;padding:60px;font-size:15px}@media (width<=768px){.informe-adjunto-form-container,.informe-adjunto-form{padding:20px}.form-grid{grid-template-columns:1fr}.form-group-full{grid-column:auto}.form-actions{flex-direction:column-reverse}.btn-cancelar-form,.btn-guardar-form{width:100%}.archivo-actual{flex-direction:column;align-items:flex-start}.btn-ver-archivo-actual{width:100%;margin-left:0}}@media (width<=768px){.modal-pdf-overlay{padding:10px}.modal-pdf-content{width:100%;height:95vh}.modal-pdf-header h2{font-size:16px}}.informes-finales-container{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:30px}.informes-finales-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.informes-finales-header h1{color:#1f2937;margin:0 0 8px;font-size:28px;font-weight:700}.informes-finales-header p{color:#6b7280;margin:0;font-size:14px}.btn-nuevo-informe-final{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s}.btn-nuevo-informe-final:hover{opacity:.9;transform:translateY(-1px)}.informes-finales-error{color:#991b1b;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:14px 16px;font-size:14px}.informes-finales-table-container{background:#fff;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 2px 12px #00000014}.informes-finales-table{border-collapse:collapse;width:100%;min-width:1200px}.informes-finales-table th{text-align:left;color:#374151;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:13px;font-weight:700}.informes-finales-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:14px 16px;font-size:13px}.informes-finales-table tbody tr{transition:background .2s}.informes-finales-table tbody tr:hover{background:#f9fafb}.descripcion-cell{min-width:220px;max-width:350px}.btn-ver-pdf{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:opacity .2s}.btn-ver-pdf:hover{opacity:.88}.acciones-container{align-items:center;gap:8px;display:flex}.btn-editar-informe-final,.btn-eliminar-informe-final{cursor:pointer;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:opacity .2s}.btn-editar-informe-final{color:#fff;background:#f59e0b}.btn-eliminar-informe-final{color:#fff;background:#dc2626}.btn-editar-informe-final:hover,.btn-eliminar-informe-final:hover:not(:disabled){opacity:.85}.btn-eliminar-informe-final:disabled{cursor:not-allowed;opacity:.6}.informes-finales-empty{text-align:center;color:#6b7280;padding:40px!important}.informes-finales-loading{text-align:center;color:#6b7280;padding:60px;font-size:15px}@media (width<=768px){.informes-finales-container{padding:20px}.informes-finales-header{flex-direction:column;align-items:stretch}.btn-nuevo-informe-final{width:100%}.modal-pdf-overlay{padding:10px}.modal-pdf-content{width:100%;height:95vh}.modal-pdf-header h2{font-size:16px}}.informe-final-form-container{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:30px}.informe-final-form-header{margin-bottom:25px}.informe-final-form-header h1{color:#1f2937;margin:0 0 8px;font-size:28px;font-weight:700}.informe-final-form-header p{color:#6b7280;margin:0;font-size:14px}.informe-final-form-error{color:#991b1b;background:#fee2e2;border-radius:8px;margin-bottom:20px;padding:14px 16px;font-size:14px}.informe-final-form{background:#fff;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:25px;display:grid;box-shadow:0 2px 12px #00000014}.form-group{flex-direction:column;gap:8px;display:flex}.form-group-full{grid-column:1/-1}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.7;background:#f3f4f6}.archivo-actual-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;padding:12px;display:flex}.archivo-actual-info{flex-direction:column;gap:4px;display:flex;overflow:hidden}.archivo-actual-info span{color:#6b7280;font-size:12px}.archivo-actual-info strong{color:#374151;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.btn-ver-archivo-actual{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;flex-shrink:0;padding:8px 12px;font-size:12px;font-weight:600;transition:opacity .2s}.btn-ver-archivo-actual:hover{opacity:.88}.archivo-seleccionado{color:#374151;background:#f3f4f6;border-radius:7px;margin-top:10px;padding:10px 12px;font-size:13px}.form-group small{color:#6b7280;font-size:12px}.form-actions{border-top:1px solid #e5e7eb;grid-column:1/-1;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:20px;display:flex}.btn-cancelar,.btn-guardar{cursor:pointer;border:none;border-radius:7px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s}.btn-cancelar{color:#374151;background:#e5e7eb}.btn-guardar{color:#fff;background:#2563eb}.btn-cancelar:hover:not(:disabled),.btn-guardar:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-cancelar:disabled,.btn-guardar:disabled{cursor:not-allowed;opacity:.6}.informe-final-form-loading{text-align:center;color:#6b7280;padding:60px;font-size:15px}.modal-pdf-overlay{z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal-pdf-content{background:#fff;border-radius:12px;flex-direction:column;width:95%;max-width:1200px;height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000004d}.modal-pdf-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-pdf-header h2{color:#1f2937;margin:0;font-size:18px}.btn-cerrar-pdf{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;font-size:26px;line-height:1;transition:background .2s,color .2s}.btn-cerrar-pdf:hover{color:#fff;background:#dc2626}.modal-pdf-body{flex:1;width:100%;overflow:hidden}@media (width<=768px){.informe-final-form-container{padding:20px}.informe-final-form{grid-template-columns:1fr;padding:20px}.form-group-full{grid-column:auto}.form-actions{flex-direction:column-reverse;grid-column:auto}.btn-cancelar,.btn-guardar{width:100%}.archivo-actual-container{flex-direction:column;align-items:stretch}.btn-ver-archivo-actual{width:100%}.modal-pdf-overlay{padding:10px}.modal-pdf-content{width:100%;height:95vh}.modal-pdf-header h2{font-size:16px}}.form-group-completar{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:18px}.toggle-label{cursor:pointer;align-items:center;gap:12px;display:inline-flex;margin-bottom:0!important}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0;margin:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:background-color .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#2563eb}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #2563eb33}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.toggle-text{color:#1f2937;font-size:15px;font-weight:600}.alerta-informativa{color:#1e3a8a;background-color:#eff6ff;border-left:4px solid #3b82f6;border-radius:0 6px 6px 0;margin-top:15px;padding:12px 16px;font-size:13px;line-height:1.5;animation:.3s ease-out fadeInDown}.alerta-informativa strong{color:#1d4ed8;margin-bottom:4px;display:block}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.informes-observaciones-container{box-sizing:border-box;width:100%;padding:30px}.informes-observaciones-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.informes-observaciones-header h1{margin:0 0 8px;font-size:28px;font-weight:600}.informes-observaciones-header p{color:#666;margin:0;font-size:15px}.btn-nuevo-informe-observacion{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:11px 18px;font-size:14px;font-weight:500;transition:background-color .2s}.btn-nuevo-informe-observacion:hover{background-color:#1d4ed8}.informes-observaciones-error{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-bottom:20px;padding:12px 15px}.informes-observaciones-loading{text-align:center;color:#666;padding:40px;font-size:15px}.tabla-informes-observaciones-container{background-color:#fff;border-radius:8px;width:100%;overflow-x:auto;box-shadow:0 2px 8px #00000014}.tabla-informes-observaciones{border-collapse:collapse;width:100%;min-width:900px}.tabla-informes-observaciones thead{background-color:#f3f4f6}.tabla-informes-observaciones th{text-align:left;color:#374151;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-size:13px;font-weight:600}.tabla-informes-observaciones td{color:#374151;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:13px 12px;font-size:14px}.tabla-informes-observaciones tbody tr:hover{background-color:#f9fafb}.columna-acciones{text-align:center!important}.acciones-informe-observacion{justify-content:center;align-items:center;gap:8px;display:flex}.btn-ver-pdf-observacion{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:5px;padding:7px 12px;font-size:13px;transition:background-color .2s}.btn-ver-pdf-observacion:hover{background-color:#1d4ed8}.btn-editar-informe-observacion{color:#fff;cursor:pointer;background-color:#f59e0b;border:none;border-radius:5px;padding:7px 12px;font-size:13px;transition:background-color .2s}.btn-editar-informe-observacion:hover{background-color:#d97706}.btn-eliminar-informe-observacion{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:5px;padding:7px 12px;font-size:13px;transition:background-color .2s}.btn-eliminar-informe-observacion:hover{background-color:#b91c1c}.sin-registros{text-align:center!important;color:#777!important;padding:35px!important}.modal-pdf-overlay{z-index:9999;box-sizing:border-box;background-color:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-pdf-content{background-color:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:1200px;height:90%;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000004d}.modal-pdf-header{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:55px;min-height:55px;padding:0 18px;display:flex}.modal-pdf-header h2{color:#374151;margin:0;font-size:17px;font-weight:600}.btn-cerrar-pdf{color:#555;cursor:pointer;background:0 0;border:none;border-radius:5px;width:34px;height:34px;font-size:28px;line-height:1}.btn-cerrar-pdf:hover{color:#111;background-color:#e5e7eb}.modal-pdf-body{background-color:#525252;flex:1;width:100%;height:calc(100% - 55px)}.visor-pdf{border:none;width:100%;height:100%}@media (width<=768px){.informes-observaciones-container{padding:20px}.informes-observaciones-header{flex-direction:column;align-items:flex-start;gap:15px}.btn-nuevo-informe-observacion{width:100%}.modal-pdf-content{width:100%;height:95%}}.informe-observacion-form-container{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:30px}.informe-observacion-form-header{margin-bottom:25px}.informe-observacion-form-header h1{color:#1f2937;margin:0 0 8px;font-size:28px;font-weight:600}.informe-observacion-form-header p{color:#6b7280;margin:0;font-size:15px}.informe-observacion-form-error{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-bottom:20px;padding:12px 15px}.informe-observacion-form-loading{text-align:center;color:#666;padding:50px;font-size:15px}.informe-observacion-form{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}.form-section{border-bottom:1px solid #e5e7eb;padding:25px}.form-section:last-of-type{border-bottom:none}.form-section h2{color:#374151;margin:0 0 20px;font-size:18px;font-weight:600}.form-group{margin-bottom:18px}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151;margin-bottom:7px;font-size:14px;font-weight:500;display:block}.form-group input[type=text],.form-group input[type=date],.form-group select,.form-group textarea{box-sizing:border-box;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=text]:focus,.form-group input[type=date]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1a}.form-group input[type=file]{box-sizing:border-box;cursor:pointer;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px;font-size:14px}.form-group small{color:#6b7280;margin-top:6px;font-size:12px;display:block}.campo-obligatorio{color:#dc2626;margin-left:4px}.archivo-actual{color:#374151;background-color:#f3f4f6;border-radius:6px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 15px;font-size:14px;display:flex}.btn-ver-archivo-actual{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:5px;padding:7px 12px;font-size:13px}.btn-ver-archivo-actual:hover{background-color:#1d4ed8}.archivo-seleccionado{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-top:12px;padding:10px 12px;font-size:13px}.archivo-seleccionado strong{margin-left:5px}.form-actions{background-color:#f9fafb;justify-content:flex-end;gap:10px;padding:20px 25px;display:flex}.btn-cancelar{color:#fff;cursor:pointer;background-color:#6b7280;border:none;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:background-color .2s}.btn-cancelar:hover{background-color:#4b5563}.btn-cancelar:disabled{opacity:.6;cursor:not-allowed}.btn-guardar{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.btn-guardar:hover{background-color:#1d4ed8}.btn-guardar:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.informe-observacion-form-container{padding:20px}.informe-observacion-form-header h1{font-size:24px}.form-section{padding:20px}.form-actions{flex-direction:column-reverse;padding:18px 20px}.btn-cancelar,.btn-guardar{width:100%}.archivo-actual{flex-direction:column;align-items:flex-start}}.roles-container{box-sizing:border-box;width:100%;padding:24px}.roles-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.roles-header h1{color:#1f2937;margin:0;font-size:28px}.roles-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.btn-nuevo-rol{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.btn-nuevo-rol:hover{background:#1d4ed8}.roles-success,.roles-error{border-radius:6px;margin-bottom:18px;padding:12px 16px;font-size:14px}.roles-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.roles-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.roles-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.roles-search{flex:1;max-width:450px}.roles-search input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:14px}.roles-search input:focus{border-color:#2563eb}.roles-counter{color:#6b7280;font-size:14px}.roles-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;overflow-x:auto}.roles-table{border-collapse:collapse;width:100%;min-width:700px}.roles-table thead{background:#f9fafb}.roles-table th{text-align:left;color:#374151;border-bottom:1px solid #e5e7eb;padding:13px 16px;font-size:13px;font-weight:600}.roles-table td{color:#4b5563;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.roles-table tbody tr:hover{background:#f9fafb}.roles-table tbody tr:last-child td{border-bottom:none}.roles-actions-header{text-align:center!important}.rol-nombre{color:#1f2937;font-weight:600}.roles-actions{text-align:center;white-space:nowrap}.btn-editar,.btn-eliminar{cursor:pointer;border:none;border-radius:5px;margin:0 3px;padding:7px 12px;font-size:13px;font-weight:500;transition:all .2s}.btn-editar{color:#1d4ed8;background:#eff6ff}.btn-editar:hover{background:#dbeafe}.btn-eliminar{color:#dc2626;background:#fef2f2}.btn-eliminar:hover{background:#fee2e2}.roles-empty{text-align:center;color:#9ca3af!important;padding:40px!important}.roles-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.roles-loading-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite roles-spin}@keyframes roles-spin{to{transform:rotate(360deg)}}@media (width<=768px){.roles-container{padding:16px}.roles-header{flex-direction:column;align-items:flex-start;gap:15px}.btn-nuevo-rol{width:100%}.roles-toolbar{flex-direction:column;align-items:stretch}.roles-search{max-width:none}.roles-counter{text-align:right}}.rol-form-container{box-sizing:border-box;width:100%;max-width:1000px;margin:0 auto;padding:24px}.rol-form-header{margin-bottom:24px}.rol-form-header h1{color:#1f2937;margin:0;font-size:28px}.rol-form-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.rol-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:20px;padding:12px 16px;font-size:14px}.rol-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.rol-form-section{padding:24px}.rol-form-section h2{color:#1f2937;border-bottom:1px solid #e5e7eb;margin:0 0 22px;padding-bottom:12px;font-size:18px}.rol-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.rol-form-group{flex-direction:column;display:flex}.rol-form-full{grid-column:1/-1}.rol-form-group label{color:#374151;margin-bottom:7px;font-size:14px;font-weight:600}.required{color:#dc2626;margin-left:4px}.rol-form-group input,.rol-form-group textarea{box-sizing:border-box;color:#1f2937;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.rol-form-group input{height:42px}.rol-form-group textarea{resize:vertical;min-height:100px}.rol-form-group input:focus,.rol-form-group textarea:focus{border-color:#2563eb}.rol-form-group input:disabled,.rol-form-group textarea:disabled{cursor:not-allowed;background:#f9fafb}.rol-form-actions{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.btn-cancelar-rol,.btn-guardar-rol{cursor:pointer;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancelar-rol{color:#374151;background:#fff;border:1px solid #d1d5db}.btn-cancelar-rol:hover{background:#f3f4f6}.btn-guardar-rol{color:#fff;background:#2563eb;border:none}.btn-guardar-rol:hover{background:#1d4ed8}.btn-cancelar-rol:disabled,.btn-guardar-rol:disabled{opacity:.6;cursor:not-allowed}.rol-form-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.rol-form-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite rol-form-spin}@keyframes rol-form-spin{to{transform:rotate(360deg)}}@media (width<=768px){.rol-form-container{padding:16px}.rol-form-grid{grid-template-columns:1fr}.rol-form-full{grid-column:auto}.rol-form-actions{flex-direction:column-reverse}.btn-cancelar-rol,.btn-guardar-rol{width:100%}}th,td{padding-left:1rem;padding-right:1rem}.page-header{margin-bottom:25px}.page-header h1{color:#111827;margin:0;font-size:26px}.page-header p{color:#6b7280;margin-top:6px}.dashboard-cards{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:22px;display:flex}.card-title{color:#6b7280;font-size:13px}.card-value{color:#111827;margin:10px 0;font-size:30px}.card-description{color:#9ca3af;font-size:12px}.dashboard-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:25px;padding:25px}.dashboard-panel h2{color:#111827;margin-top:0}.dashboard-panel p{color:#6b7280}@media (width<=1100px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.sidebar{width:70px}.sidebar-title,.sidebar-user,.menu-section,.menu-item span:not(.menu-icon),.logout-button span:not(.menu-icon){display:none}.main-area{margin-left:70px}}