: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)}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;margin:0;display:flex}body{margin:0}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:radial-gradient(circle,#0b1528 0%,#050b14 100%);justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,sans-serif;display:flex;overflow:hidden}.login-wrapper{flex-direction:column;align-items:center;width:100%;max-width:420px;padding:20px;animation:.7s cubic-bezier(.25,1,.5,1) forwards aparecerHaciaArriba;display:flex}.login-logo-container{justify-content:center;margin-bottom:24px;display:flex}.login-logo{object-fit:contain;max-width:240px;height:auto}.login-card{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:#0f172a73;border:1px solid #ffffff14;border-radius:16px;width:100%;padding:40px 35px;box-shadow:0 25px 50px -12px #00000080}.login-card h3{color:#fff;text-align:center;margin:0 0 8px;font-size:22px;font-weight:600}.login-card .subtitle{color:#64748b;text-align:center;margin:0 0 28px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#94a3b8;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-icon-wrapper .icon-left{color:#64748b;font-size:16px;position:absolute;left:14px}.input-icon-wrapper input{color:#fff;box-sizing:border-box;background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:14px 16px 14px 42px;font-size:14px;transition:all .2s}.input-icon-wrapper input::placeholder{color:#475569}.input-icon-wrapper input:focus{background:#0f172acc;border-color:#2563eb;outline:none}.btn-submit{color:#fff;cursor:pointer;background-color:#1d4ed8;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:14px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.btn-submit:hover{background-color:#2563eb}.login-divider{background:#ffffff0d;height:1px;margin:25px 0 20px}.login-help-link{color:#38bdf8;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.login-help-link:hover{color:#7dd3fc}.error-text{color:#f87171;text-align:center;background-color:#ef44441a;border:1px solid #ef444433;border-radius:6px;margin-top:10px;padding:10px;font-size:13px}@keyframes aparecerHaciaArriba{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.usuarios-modulo-container,.clientes-modulo-container,.proveedores-modulo-container,.materiales-modulo-container,.compras-modulo-container,.obras-modulo-container,.asistencias-modulo-container{grid-template-columns:1fr 2fr;gap:25px;margin-top:5px;animation:.4s ease-out forwards fadeSlideInSub;display:grid}@media (width<=1024px){.usuarios-modulo-container,.clientes-modulo-container,.proveedores-modulo-container,.materiales-modulo-container,.compras-modulo-container,.obras-modulo-container,.asistencias-modulo-container{grid-template-columns:1fr}}.usuarios-card,.clientes-card,.proveedores-card,.materiales-card,.compras-card,.obras-card,.asistencias-card{background:#0b1320;border:1px solid #ffffff08;border-radius:12px;padding:25px;box-shadow:0 10px 25px -5px #0000004d}.usuarios-card h3,.clientes-card h3,.proveedores-card h3,.materiales-card h3,.compras-card h3,.obras-card h3,.asistencias-card h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600}.input-field-group{margin-bottom:16px}.input-field-group label{color:#94a3b8;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input-field-group input,.input-field-group select{color:#fff;box-sizing:border-box;background:#0f172a99;border:1px solid #ffffff14;border-radius:6px;width:100%;padding:11px 14px;font-size:14px;transition:all .2s}.input-field-group input:focus,.input-field-group select:focus{background:#0f172ae6;border-color:#1d4ed8;outline:none}.input-field-group input::placeholder{color:#475569}.btn-registrar{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:6px;width:100%;margin-top:5px;padding:12px;font-size:14px;font-weight:600;transition:background .2s}.btn-registrar:hover{background:#2563eb}.btn-cancelar{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #ffffff0d;border-radius:6px;width:100%;margin-top:8px;padding:11px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancelar:hover{color:#fff;background:#334155}.usuarios-tabla{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.usuarios-tabla th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background-color:#0f172a80;border-bottom:2px solid #ffffff0d;padding:14px 16px;font-size:11px;font-weight:600}.usuarios-tabla td{color:#e2e8f0;border-bottom:1px solid #ffffff08;padding:14px 16px}.usuarios-tabla tr:hover td{background-color:#ffffff03}.acciones-header,.acciones-cell{text-align:right}.btn-editar-tabla{color:#f59e0b;cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:4px;margin-right:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-editar-tabla:hover{color:#fff;background:#d97706}.btn-eliminar-tabla{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-eliminar-tabla:hover{color:#fff;background:#dc2626}.status-message{text-align:center;background:#ffffff05;border-radius:6px;margin:12px 0;padding:8px;font-size:13px;font-weight:500}.badge-rol{text-transform:uppercase;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700}.badge-admin{color:#eab308;background-color:#eab30826}.badge-otros{color:#94a3b8;background-color:#94a3b826}@keyframes fadeSlideInSub{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.clientes-modulo-container{grid-template-columns:1fr 2fr;gap:25px;margin-top:5px;animation:.4s ease-out forwards fadeSlideInSub;display:grid}@media (width<=1024px){.clientes-modulo-container{grid-template-columns:1fr}}.clientes-card{background:#0b1320;border:1px solid #ffffff08;border-radius:12px;padding:25px;box-shadow:0 10px 25px -5px #0000004d}.clientes-card h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600}.badge-tipo{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-persona{color:#4ade80;background-color:#22c55e26}.badge-empresa{color:#38bdf8;background-color:#38bdf826}.proveedores-modulo-container{grid-template-columns:1fr 2fr;gap:25px;margin-top:5px;animation:.4s ease-out forwards fadeSlideInSub;display:grid}@media (width<=1024px){.proveedores-modulo-container{grid-template-columns:1fr}}.proveedores-card{background:#0b1320;border:1px solid #ffffff08;border-radius:12px;padding:25px;box-shadow:0 10px 25px -5px #0000004d}.proveedores-card h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600}.badge-prov-tipo{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-prov-persona{color:#fbbf24;background-color:#f59e0b26}.badge-prov-empresa{color:#c084fc;background-color:#a855f726}.materiales-modulo-container{grid-template-columns:1fr 2fr;gap:25px;margin-top:5px;animation:.4s ease-out forwards fadeSlideInSub;display:grid}@media (width<=1024px){.materiales-modulo-container{grid-template-columns:1fr}}.materiales-card{background:#0b1320;border:1px solid #ffffff08;border-radius:12px;padding:25px;box-shadow:0 10px 25px -5px #0000004d}.materiales-card h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600}.alerta-stock-bajo td{color:#f87171!important;background-color:#ef44440d!important}.badge-stock{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-ok{color:#4ade80;background-color:#22c55e26}.badge-critico{color:#f87171;background-color:#ef444426}.compras-modulo-container{grid-template-columns:1fr 2fr;gap:25px;margin-top:5px;animation:.4s ease-out forwards fadeSlideInSub;display:grid}@media (width<=1024px){.compras-modulo-container{grid-template-columns:1fr}}.compras-card{background:#0b1320;border:1px solid #ffffff08;border-radius:12px;padding:25px;box-shadow:0 10px 25px -5px #0000004d}.compras-card h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600}.total-compra-preview{color:#4ade80;text-align:center;letter-spacing:.3px;background-color:#22c55e0f;border:1px dashed #22c55e40;border-radius:8px;margin:15px 0;padding:12px;font-size:14px;font-weight:700}.obras-modulo-container{grid-template-columns:1fr 2fr;gap:25px;margin-top:5px;animation:.4s ease-out forwards fadeSlideInSub;display:grid}@media (width<=1024px){.obras-modulo-container{grid-template-columns:1fr}}.obras-card{background:#0b1320;border:1px solid #ffffff08;border-radius:12px;padding:25px;box-shadow:0 10px 25px -5px #0000004d}.obras-card h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600}.badge-estado{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.estado-planificacion{color:#94a3b8;background-color:#94a3b826}.estado-ejecucion{color:#38bdf8;background-color:#38bdf826}.estado-pausada{color:#facc15;background-color:#eab30826}.estado-finalizada{color:#4ade80;background-color:#22c55e26}.consumos-modulo-container{grid-template-columns:1fr 2fr;gap:25px;margin-top:5px;animation:.4s ease-out forwards fadeSlideInSub;display:grid}@media (width<=1024px){.consumos-modulo-container{grid-template-columns:1fr}}.consumos-card{background:#0b1320;border:1px solid #ffffff08;border-radius:12px;padding:25px;box-shadow:0 10px 25px -5px #0000004d}.consumos-card h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600}.despacho-preview{color:#ff9d43;text-align:center;letter-spacing:.3px;background-color:#f973160f;border:1px dashed #f9731640;border-radius:8px;margin:15px 0;padding:12px;font-size:14px;font-weight:700}.empleados-modulo-container{grid-template-columns:1fr 2fr;gap:25px;margin-top:5px;animation:.4s ease-out forwards fadeSlideInSub;display:grid}@media (width<=1024px){.empleados-modulo-container{grid-template-columns:1fr}}.empleados-card{background:#0b1320;border:1px solid #ffffff08;border-radius:12px;padding:25px;box-shadow:0 10px 25px -5px #0000004d}.empleados-card h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600}.badge-especialidad{color:#cbd5e1;background-color:#94a3b81f;border:1px solid #ffffff0d;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.obra-asignada-text{color:#4ade80;font-weight:600}.obra-libre-text{color:#64748b;font-style:italic}.asistencias-modulo-container{grid-template-columns:1fr 2fr;gap:25px;margin-top:5px;animation:.4s ease-out forwards fadeSlideInSub;display:grid}@media (width<=1024px){.asistencias-modulo-container{grid-template-columns:1fr}}.asistencias-card{background:#0b1320;border:1px solid #ffffff08;border-radius:12px;padding:25px;box-shadow:0 10px 25px -5px #0000004d}.asistencias-card h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600}.badge-asistencia{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-atiempo{color:#4ade80;background-color:#22c55e26}.status-tardanza{color:#facc15;background-color:#eab30826}.status-medica{color:#38bdf8;background-color:#38bdf826}.status-justificada{color:#cbd5e1;background-color:#94a3b826}.status-ausente{color:#f87171;background-color:#ef444426}.dashboard-layout{color:#fff;background-color:#060b13;min-height:100vh;font-family:system-ui,sans-serif;animation:.6s cubic-bezier(.16,1,.3,1) forwards entrarDashboard;display:flex}@keyframes entrarDashboard{0%{opacity:0;filter:blur(4px);transform:scale(.97)}to{opacity:1;filter:blur();transform:scale(1)}}.sidebar{box-sizing:border-box;z-index:10;background-color:#0b1320;border-right:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;width:260px;height:100vh;padding:20px;display:flex;position:fixed}.sidebar-brand{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;margin-bottom:30px;padding-bottom:15px;display:flex}.sidebar-logo{object-fit:contain;width:auto;height:40px}.sidebar-brand-text h2{letter-spacing:.5px;color:#fff;margin:0;font-size:18px;font-weight:700}.sidebar-brand-text span{color:#ea580c;letter-spacing:1px;font-size:10px;font-weight:700}.sidebar-menu{flex-direction:column;flex-grow:1;gap:6px;display:flex;overflow-y:auto}.sidebar-item{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sidebar-item:hover{color:#fff;background:#ffffff08}.sidebar-item.active{color:#fff;background:#1d4ed8;box-shadow:0 4px 12px #1d4ed84d}.sidebar-footer{border-top:1px solid #ffffff0d;padding-top:15px}.sidebar-footer h4{color:#f1f5f9;margin:0 0 4px;font-size:13px}.sidebar-footer p{color:#64748b;margin:0;font-size:11px;line-height:140%}.main-content{box-sizing:border-box;flex-grow:1;margin-left:260px;padding:30px;z-index:10!important;position:relative!important}.main-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b132066;border:1px solid #ffffff08;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:15px 25px;display:flex;z-index:99999!important;position:relative!important;overflow:visible!important}.dashboard-layout.claro .main-header{z-index:99999!important;background:#fff!important;border:1px solid #e2e8f0!important;position:relative!important;overflow:visible!important}.header-welcome{flex-direction:column;display:flex}.header-welcome h3{margin:0 0 4px;font-size:20px;font-weight:600}.header-welcome span{color:#64748b;font-size:13px}.header-user-profile{align-items:center;gap:20px;display:flex}.header-widgets{color:#64748b;gap:15px;font-size:14px;display:flex}.user-badge-container{border-left:1px solid #ffffff1a;align-items:center;gap:10px;padding-left:20px;display:flex}.user-avatar-placeholder{background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.user-text-meta{flex-direction:column;display:flex}.user-text-meta .username{font-size:13px;font-weight:600}.user-text-meta .role{color:#eab308;text-transform:uppercase;font-size:10px;font-weight:700}.btn-header-logout{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;transition:color .2s}.btn-header-logout:hover{color:#ef4444}.theme-switch-wrapper{align-items:center;gap:8px;margin-right:10px;display:flex}.switch-icon{-webkit-user-select:none;user-select:none;font-size:14px}.theme-toggle-switch{cursor:pointer;background-color:#1e293b;border:1px solid #ffffff1a;border-radius:9999px;width:48px;height:24px;padding:0;transition:background-color .3s,border-color .3s;position:relative}.switch-circle{background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s;position:absolute;top:2px;left:3px;box-shadow:0 2px 4px #0003}.theme-toggle-switch.claro-activo{background-color:#2563eb;border-color:#2563eb}.theme-toggle-switch.claro-activo .switch-circle{background-color:#fff;transform:translate(22px)}.theme-toggle-switch:hover{filter:brightness(1.1)}.dashboard-layout.claro{color:#0f172a;background-color:#f1f5f9}.dashboard-layout.claro .sidebar{background-color:#fff;border-right:1px solid #e2e8f0}.dashboard-layout.claro .sidebar-brand-text h2{color:#0f172a}.dashboard-layout.claro .sidebar-item{color:#475569}.dashboard-layout.claro .sidebar-item:hover{color:#0f172a;background:#f8fafc}.dashboard-layout.claro .sidebar-item.active{color:#fff;background:#1d4ed8}.dashboard-layout.claro .sidebar-footer h4{color:#334155}.dashboard-layout.claro .main-header{background:#fff;border:1px solid #e2e8f0}.dashboard-layout.claro .header-welcome h3,.dashboard-layout.claro .user-text-meta .username{color:#0f172a}.dashboard-layout.claro .kpi-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.dashboard-layout.claro .kpi-meta h3{color:#0f172a}.dashboard-layout.claro .welcome-banner-info,.dashboard-layout.claro .usuarios-card,.dashboard-layout.claro .clientes-card,.dashboard-layout.claro .proveedores-card,.dashboard-layout.claro .materiales-card,.dashboard-layout.claro .compras-card,.dashboard-layout.claro .obras-card,.dashboard-layout.claro .consumos-card,.dashboard-layout.claro .empleados-card,.dashboard-layout.claro .asistencias-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 6px -1px #0000000d!important}.dashboard-layout.claro .usuarios-card h3,.dashboard-layout.claro .clientes-card h3,.dashboard-layout.claro .proveedores-card h3,.dashboard-layout.claro .materiales-card h3,.dashboard-layout.claro .compras-card h3,.dashboard-layout.claro .obras-card h3,.dashboard-layout.claro .consumos-card h3,.dashboard-layout.claro .empleados-card h3,.dashboard-layout.claro .asistencias-card h3,.dashboard-layout.claro .welcome-banner-info h3{color:#0f172a!important}.dashboard-layout.claro .usuarios-modulo-container .usuarios-tabla th,.dashboard-layout.claro .clientes-modulo-container .usuarios-tabla th,.dashboard-layout.claro .proveedores-modulo-container .usuarios-tabla th,.dashboard-layout.claro .materiales-modulo-container .usuarios-tabla th,.dashboard-layout.claro .compras-modulo-container .usuarios-tabla th,.dashboard-layout.claro .obras-modulo-container .usuarios-tabla th,.dashboard-layout.claro .consumos-modulo-container .usuarios-tabla th,.dashboard-layout.claro .empleados-modulo-container .usuarios-tabla th,.dashboard-layout.claro .asistencias-modulo-container .usuarios-tabla th{color:#475569!important;background-color:#f8fafc!important;border-bottom:2px solid #e2e8f0!important}.dashboard-layout.claro .usuarios-modulo-container .usuarios-tabla td,.dashboard-layout.claro .clientes-modulo-container .usuarios-tabla td,.dashboard-layout.claro .proveedores-modulo-container .usuarios-tabla td,.dashboard-layout.claro .materiales-modulo-container .usuarios-tabla td,.dashboard-layout.claro .compras-modulo-container .usuarios-tabla td,.dashboard-layout.claro .obras-modulo-container .usuarios-tabla td,.dashboard-layout.claro .consumos-modulo-container .usuarios-tabla td,.dashboard-layout.claro .empleados-modulo-container .usuarios-tabla td,.dashboard-layout.claro .asistencias-modulo-container .usuarios-tabla td{color:#334155!important;border-bottom:1px solid #f1f5f9!important}.dashboard-layout.claro .usuarios-modulo-container .input-field-group input,.dashboard-layout.claro .usuarios-modulo-container .input-field-group select,.dashboard-layout.claro .clientes-modulo-container .input-field-group input,.dashboard-layout.claro .clientes-modulo-container .input-field-group select,.dashboard-layout.claro .proveedores-modulo-container .input-field-group input,.dashboard-layout.claro .proveedores-modulo-container .input-field-group select,.dashboard-layout.claro .materiales-modulo-container .input-field-group input,.dashboard-layout.claro .materiales-modulo-container .input-field-group select,.dashboard-layout.claro .compras-modulo-container .input-field-group input,.dashboard-layout.claro .compras-modulo-container .input-field-group select,.dashboard-layout.claro .obras-modulo-container .input-field-group input,.dashboard-layout.claro .obras-modulo-container .input-field-group select,.dashboard-layout.claro .consumos-modulo-container .input-field-group input,.dashboard-layout.claro .consumos-modulo-container .input-field-group select,.dashboard-layout.claro .empleados-modulo-container .input-field-group input,.dashboard-layout.claro .empleados-modulo-container .input-field-group select,.dashboard-layout.claro .asistencias-modulo-container .input-field-group input,.dashboard-layout.claro .asistencias-modulo-container .input-field-group select{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}.dashboard-layout.claro .input-field-group input:focus,.dashboard-layout.claro .input-field-group select:focus{border-color:#1d4ed8!important}.dashboard-layout.claro .badge-especialidad{color:#334155!important;background-color:#f1f5f9!important;border:1px solid #cbd5e1!important}.dashboard-layout.claro .obra-libre-text{color:#94a3b8!important}.notification-bell-container{align-items:center;display:inline-flex;position:relative}.btn-bell-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;padding:4px;font-size:16px;transition:color .2s;position:relative}.btn-bell-toggle:hover{color:#fff}.bell-badge{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 0 8px #ef444480}.notifications-dropdown{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:#0b1320f5;border:1px solid #ffffff1a;border-radius:12px;width:310px;padding:12px 0;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdownFade;position:absolute;top:45px;right:0;box-shadow:0 20px 40px -15px #000000b3;z-index:9999!important}.notifications-dropdown h4{color:#fff;border-bottom:1px solid #ffffff0d;margin:0;padding:8px 16px 12px;font-size:13px}.notifications-list{max-height:240px;overflow-y:auto}.notification-item{color:#cbd5e1;border-bottom:1px solid #ffffff08;gap:10px;padding:12px 16px;font-size:12px;line-height:140%;display:flex}.notification-item:hover{background:#ffffff05}.notification-empty{text-align:center;color:#64748b;padding:20px;font-size:12px}.claro .btn-bell-toggle{color:#475569}.claro .btn-bell-toggle:hover{color:#0f172a}.claro .notifications-dropdown{z-index:9999!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 20px 40px -15px #00000026!important}.claro .notifications-dropdown h4{color:#0f172a;border-bottom:1px solid #e2e8f0}.claro .notification-item{color:#334155;border-bottom:1px solid #f1f5f9}.claro .notification-item:hover{background:#f8fafc}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}