:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:#667eea;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}#root{width:100%;min-height:100vh}.notification-bell-container{position:relative;display:inline-block}.notification-bell-button{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.notification-bell-button:hover{background:#0000000d;color:#333}.notification-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;line-height:1;min-width:16px;text-align:center;box-shadow:0 2px 4px #ff6b6b4d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-overlay{position:fixed;inset:0;z-index:9998}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:9999;display:flex;flex-direction:column;overflow:hidden}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notification-header h3{margin:0;font-size:16px;font-weight:600}.notification-count{background:#ffffff4d;color:#fff;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600}.notification-body{flex:1;overflow-y:auto;max-height:380px}.notification-loading,.notification-empty{padding:40px 20px;text-align:center;color:#999}.notification-empty svg{color:#ddd;margin-bottom:12px}.notification-empty p{margin:0;font-size:14px}.notification-section{border-bottom:1px solid #f0f0f0}.notification-section:last-child{border-bottom:none}.notification-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;transition:background .2s}.notification-section-header:hover{background:#f9fafb}.notification-section-title{font-size:14px;font-weight:600;color:#333}.notification-section-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.notification-items{background:#fafbfc}.notification-item{padding:12px 20px;border-top:1px solid #f0f0f0;cursor:pointer;transition:all .2s}.notification-item:hover{background:#f5f7fa;padding-left:24px}.notification-item:first-child{border-top:none}.notification-item-content{display:flex;flex-direction:column;gap:4px}.notification-item-title{font-size:13px;font-weight:600;color:#667eea}.notification-item-subtitle{font-size:13px;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item-meta{font-size:11px;color:#999}.notification-footer{padding:12px 20px;border-top:2px solid #f0f0f0;background:#fafbfc}.notification-view-all{width:100%;padding:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.notification-view-all:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.notification-body::-webkit-scrollbar{width:6px}.notification-body::-webkit-scrollbar-track{background:#f1f1f1}.notification-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.notification-body::-webkit-scrollbar-thumb:hover{background:#999}@media(max-width:768px){.notification-dropdown{width:100vw;max-width:380px;right:-20px}}@media(max-width:480px){.notification-dropdown{position:fixed;top:60px;left:0;right:0;width:100%;max-width:100%;border-radius:0;max-height:calc(100vh - 60px)}.notification-body{max-height:calc(100vh - 200px)}}.layout{display:flex;min-height:100vh;background:#f8fafc;color:#0f172a;transition:background .3s ease}.sidebar{position:fixed;top:0;left:0;height:100vh;width:272px;background:linear-gradient(180deg,#1c2226f5,#565e66eb);color:#f1f5f9;display:flex;flex-direction:column;padding:1.75rem 1.5rem;box-shadow:12px 0 28px #15191d47;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-y:auto;z-index:30;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.layout.collapsed .sidebar-header{justify-content:center}.layout.collapsed .sidebar{width:92px}.layout.collapsed .main-content{margin-left:92px}.layout.collapsed .menu-text,.layout.collapsed .chevron,.layout.collapsed .user-info span,.layout.collapsed .btn-logout span{display:none}.brand{display:flex;align-items:center;justify-content:center;flex:1}.brand-logo{width:200px;height:74px;max-width:100%;object-fit:contain;transition:transform .25s ease}.toggle-menu{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:none;background:transparent;color:#f8fafc;cursor:pointer;font-size:1.25rem;transition:transform .25s ease,background .2s ease}.toggle-menu:hover{transform:translateY(-1px);background:#ffffff1a}.toggle-menu.is-expanded{width:48px;height:48px}.toggle-icon-image{width:28px;height:28px;object-fit:contain}.toggle-icon{font-size:1.9rem}.toggle-menu.is-collapsed{width:48px;height:48px}.toggle-icon-image{width:32px;height:32px}.menu{display:flex;flex-direction:column;gap:.35rem;flex:1}.menu-link,.menu-parent{display:flex;align-items:center;gap:.85rem;width:100%;padding:.75rem .85rem;border-radius:12px;color:#f1f5f9eb;font-weight:500;background:transparent;border:none;text-decoration:none;cursor:pointer;transition:background .25s ease,color .25s ease,transform .2s ease;text-align:left}.menu-link:hover,.menu-parent:hover{background:#ffffff2e;color:#fff}.menu-parent.static{cursor:default;font-weight:600;color:#fffffff2;margin-bottom:.25rem}.menu-parent.static:hover{background:transparent}.menu-link.active{background:linear-gradient(135deg,#ffffff47,#ffffff38);color:#fff;box-shadow:inset 0 0 0 1px #ffffff59}.menu-link-memo{position:relative}.menu-link-memo.active{background:#ffffff1f;box-shadow:none}.menu-link-memo.active:before{content:"";position:absolute;inset:0;border-radius:12px;border:1px solid rgba(255,255,255,.18);pointer-events:none}.menu-section{display:flex;flex-direction:column}.menu-section.open .menu-parent{background:#fff3;color:#fff}.menu-children{display:grid;grid-auto-rows:0fr;overflow:hidden;margin-left:.35rem;border-left:1px dashed rgba(148,163,184,.28);padding-left:0;opacity:0;transition:grid-auto-rows .28s ease,opacity .25s ease,padding-left .25s ease}.menu-children.open{grid-auto-rows:1fr;padding-left:.65rem;opacity:1}.menu-children .menu-link{padding:.6rem .75rem;font-size:.95rem;color:#f1f5f9db}.menu-icon{font-size:1.15rem}.chevron{margin-left:auto;transition:transform .3s ease}.chevron.rotated{transform:rotate(-180deg)}.sidebar-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(241,245,249,.25);display:flex;flex-direction:column;gap:.75rem}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:#fff}.user-role{font-size:.85rem;color:#e2e8f0d9}.btn-logout{display:inline-flex;align-items:center;gap:.5rem;background:#f871713d;color:#fee2e2;border:1px solid rgba(248,113,113,.45);padding:.6rem .95rem;border-radius:10px;font-weight:500;cursor:pointer;transition:background .25s ease,transform .2s ease}.btn-logout:hover{background:#f8717147;transform:translateY(-1px)}.main-content{margin-left:272px;flex:1;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:margin-left .3s ease}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.25rem;background:#f8fafccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(148,163,184,.25)}.topbar h1{margin:0;font-size:1.25rem;font-weight:600;color:#0f172a}.topbar-left{display:flex;align-items:center;gap:1rem}.mobile-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:none;background:#0ea5e91f;color:#0f172a;cursor:pointer;font-size:1.25rem;transition:background .2s ease,transform .2s ease}.mobile-toggle:hover{background:#0ea5e933;transform:translateY(-1px)}.topbar-info{display:flex;gap:.75rem;align-items:center;color:#0f172a}.topbar-name{font-weight:600}.topbar .role{padding:.25rem .75rem;border-radius:999px;background:#0ea5e91f;color:#0284c7;font-size:.85rem}.content-area{flex:1;padding:2.5rem 2.25rem}.content-area>*:first-child{animation:fadeInUp .35s ease}.app-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 2.25rem;background:#0f172a0f;border-top:1px solid rgba(148,163,184,.25);color:#0f172a;letter-spacing:.02em}.footer-title{font-weight:600}.footer-clock{font-family:Roboto Mono,Consolas,Courier New,monospace;font-size:.95rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.layout.collapsed .menu-link,.layout.collapsed .menu-parent{justify-content:center;gap:0}.layout.collapsed .menu-parent .chevron{display:none}.layout.collapsed .menu-parent .menu-icon{margin:0}.layout.collapsed .menu-children{display:none}.layout.collapsed .sidebar-footer{align-items:center}.layout.collapsed .sidebar-footer .user-info{display:none}.layout.collapsed .btn-logout{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:.6rem}.logout-icon{font-size:1.4rem}@media(max-width:1199px){.content-area{padding:2rem 1.75rem}}@media(max-width:1023px){.layout{position:relative}.sidebar{position:fixed;inset:0 auto 0 0;width:100%;max-width:320px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1001;box-shadow:0 24px 48px #0f172a59}.layout.mobile-open .sidebar{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-toggle{display:inline-flex}.main-content{margin-left:0;width:100%}.layout.collapsed .sidebar{width:100%;max-width:320px}.layout.collapsed .main-content{margin-left:0}.layout.collapsed .brand-text,.layout.collapsed .menu-text{display:inline}.layout.collapsed .menu-children{display:grid}.layout.collapsed .chevron{display:inline-flex}}@media(max-width:640px){.content-area{padding:1.75rem 1.25rem}.topbar{padding:1rem;gap:.75rem}.topbar h1{font-size:.85rem}.topbar-info{gap:.35rem;font-size:.8rem}.topbar-name{display:none}.app-footer{padding:.85rem 1.25rem;flex-direction:column;align-items:flex-start}.footer-clock{width:100%}}@media(pointer:fine){.menu-link:hover,.menu-parent:hover{transform:translate(2px)}.brand-logo:hover{transform:scale(1.05) rotate(-4deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-widgets{position:fixed;bottom:24px;left:24px;display:flex;flex-direction:column;gap:12px;z-index:2;animation:widgetsFadeIn 1.2s ease .6s both}@keyframes widgetsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lw-weather{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px;background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#ffffffd9;min-width:170px;box-shadow:0 4px 20px #0003;transition:background .3s ease,border-color .3s ease}.lw-weather:hover{background:#ffffff17;border-color:#ffffff29}.lw-weather-main{display:flex;align-items:center;gap:10px}.lw-weather-icon{width:28px;height:28px;stroke-width:1.8;color:#3bcaf5;filter:drop-shadow(0 0 6px rgba(59,202,245,.3))}.lw-weather-temp{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;line-height:1;color:#fff}.lw-weather-label{font-size:.74rem;color:#ffffff8c;letter-spacing:.02em;margin-top:1px}.lw-weather-details{display:flex;gap:12px;margin-top:4px}.lw-weather-detail{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#ffffff73}.lw-weather-detail svg{color:#3bcaf599}.lw-weather-location{font-size:.62rem;color:#ffffff4d;letter-spacing:.04em;margin-top:2px}.lw-weather--loading{flex-direction:row;align-items:center;gap:8px;min-height:60px}.lw-weather-loading-dot{width:8px;height:8px;border-radius:50%;background:#3bcaf5;animation:lwPulse 1.2s ease-in-out infinite}@keyframes lwPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.lw-weather-loading-text{font-size:.72rem;color:#fff6}.lw-date{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#ffffffd9;min-width:170px;box-shadow:0 4px 20px #0003;transition:background .3s ease,border-color .3s ease}.lw-date:hover{background:#ffffff17;border-color:#ffffff29}.lw-date-weekday{font-size:.7rem;font-weight:500;color:#3bcaf5cc;text-transform:uppercase;letter-spacing:.12em;line-height:1}.lw-date-day{font-size:2.2rem;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.02em}.lw-date-month{font-size:.72rem;color:#ffffff73;letter-spacing:.03em;line-height:1;margin-top:-2px}.lw-clock{display:flex;flex-direction:column;align-items:flex-start;padding:12px 18px;background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#ffffffd9;min-width:170px;box-shadow:0 4px 20px #0003;transition:background .3s ease,border-color .3s ease}.lw-clock:hover{background:#ffffff17;border-color:#ffffff29}.lw-clock-time{font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:.04em;line-height:1;font-variant-numeric:tabular-nums}.lw-clock-date{font-size:.68rem;color:#fff6;margin-top:5px;letter-spacing:.02em;line-height:1.3}@media(max-width:768px){.login-widgets{position:fixed;bottom:auto;top:12px;left:50%;transform:translate(-50%);flex-direction:row;gap:8px;align-items:flex-start}@keyframes widgetsFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-15px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.lw-weather,.lw-clock,.lw-date{padding:10px 14px;min-width:auto;border-radius:12px}.lw-weather-icon{width:22px;height:22px}.lw-weather-temp{font-size:1.2rem}.lw-weather-label{font-size:.66rem}.lw-weather-details{gap:8px}.lw-weather-detail{font-size:.62rem}.lw-weather-location{display:none}.lw-clock-time{font-size:1.1rem}.lw-clock-date{font-size:.6rem}}@media(max-width:400px){.login-widgets{gap:6px;top:8px}.lw-weather,.lw-clock,.lw-date{padding:8px 10px}.lw-date-day{font-size:1.5rem}.lw-date-weekday,.lw-date-month{font-size:.56rem}.lw-weather-temp{font-size:1rem}.lw-weather-details{display:none}.lw-clock-time{font-size:.95rem}.lw-clock-date{font-size:.56rem}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0c1929,#0f2847 40%,#0a3d6e,#0c1929);position:relative;overflow:hidden;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.login-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.login-bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:floatShape 20s ease-in-out infinite}.login-bg-shape-1{width:500px;height:500px;background:radial-gradient(circle,#0982ed,transparent 70%);top:-120px;left:-100px;animation-duration:18s}.login-bg-shape-2{width:400px;height:400px;background:radial-gradient(circle,#3bcaf5,transparent 70%);bottom:-80px;right:-80px;animation-duration:22s;animation-delay:-5s}.login-bg-shape-3{width:300px;height:300px;background:radial-gradient(circle,#06b6d4,transparent 70%);top:50%;left:60%;animation-duration:25s;animation-delay:-10s}.login-bg-shape-4{width:250px;height:250px;background:radial-gradient(circle,#6366f1,transparent 70%);top:30%;left:-50px;animation-duration:20s;animation-delay:-3s}@keyframes floatShape{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(15px,30px) scale(1.02)}}.login-card{position:relative;z-index:1;width:100%;max-width:420px;margin:1rem;padding:2.5rem 2.25rem 2rem;background:#ffffff12;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;animation:cardSlideDown .9s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(-80px)}@keyframes cardSlideDown{0%{opacity:0;transform:translateY(-80px)}60%{opacity:1;transform:translateY(8px)}80%{transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.login-logo-section{text-align:center;margin-bottom:1.5rem}.login-logo-wrapper{display:inline-flex;align-items:center;justify-content:center;padding:12px;border-radius:16px;background:transparent;border:none;margin-bottom:1rem;transition:transform .3s ease}.login-logo-wrapper:hover{transform:scale(1.03)}.login-logo{width:160px;max-width:100%;height:auto;display:block;filter:brightness(0) invert(1)}.login-title{font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:.12em;margin:0 0 .25rem}.login-subtitle{font-size:.82rem;color:#ffffff80;margin:0;letter-spacing:.03em}.login-divider{display:flex;align-items:center;gap:12px;margin-bottom:1.75rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.login-divider span{font-size:.8rem;font-weight:500;color:#ffffff73;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.login-form{display:flex;flex-direction:column;gap:1.1rem}.login-alert{display:flex;align-items:center;gap:8px;padding:.7rem 1rem;border-radius:10px;font-size:.85rem;color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.2);animation:shakeAlert .4s ease}.login-alert svg{flex-shrink:0}@keyframes shakeAlert{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-input-group{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;display:flex;align-items:center;color:#3bcaf5b3;pointer-events:none;transition:color .25s ease;z-index:2}.login-input{width:100%;padding:.85rem 1rem .85rem 2.8rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:.95rem;color:#fff;transition:all .25s ease;outline:none}.login-input::placeholder{color:#ffffff4d}.login-input:focus{background:#ffffff17;border-color:#0982ed99;box-shadow:0 0 0 3px #0982ed26}.login-input:focus~.login-input-icon,.login-input-group:focus-within .login-input-icon{color:#3bcaf5}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-toggle-password{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#3bcaf5b3;cursor:pointer;padding:4px;border-radius:6px;transition:color .2s ease,background .2s ease;z-index:2}.login-toggle-password:hover{color:#3bcaf5;background:#ffffff14}.login-toggle-password:focus-visible{outline:2px solid rgba(9,130,237,.6);outline-offset:1px}.login-btn{position:relative;width:100%;padding:.9rem 1.5rem;margin-top:.5rem;background:linear-gradient(135deg,#0982ed,#06b6d4);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden}.login-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#06b6d4,#0982ed);opacity:0;transition:opacity .3s ease;border-radius:12px}.login-btn:hover:not(:disabled):before{opacity:1}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0982ed66}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn-content,.login-btn-loading{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px}.login-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinLogin .7s linear infinite}@keyframes spinLogin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.login-footer p{margin:0;font-size:.72rem;color:#ffffff59;letter-spacing:.02em}.login-footer-sub{margin-top:2px!important;font-size:.68rem!important;color:#ffffff38!important}@media(max-width:480px){.login-card{margin:.75rem;padding:2rem 1.5rem 1.5rem;border-radius:16px}.login-logo{width:130px}.login-title{font-size:1.5rem}.login-bg-shape{filter:blur(60px);opacity:.25}}.principal-page{display:flex;flex-direction:column;gap:2.5rem}.principal-header h2{margin:0 0 .35rem;font-size:1.75rem;color:#0f172a}.principal-header p{margin:0;color:#475569;font-size:.95rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.summary-error{padding:1rem 1.25rem;border-radius:14px;background:#f871711f;border:1px solid rgba(248,113,113,.35);color:#b91c1c;font-weight:500;letter-spacing:.02em}.summary-card{background:#fffffff5;border-radius:18px;padding:1.75rem;border:1px solid rgba(148,163,184,.22);box-shadow:0 22px 40px #0f172a29;display:flex;flex-direction:column;gap:1.25rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.summary-card:hover{transform:translateY(-6px);box-shadow:0 32px 65px #11182738;border-color:#3bcaf566}.summary-card-header{display:flex;gap:1.1rem;align-items:center}.summary-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#0982ed2e,#3bcaf57a);color:#0c4a6e;font-size:1.75rem}.summary-text h3{margin:0;font-size:1.05rem;letter-spacing:.04em;color:#1e293b}.summary-text p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.summary-value{font-size:2.5rem;font-weight:700;color:#0f172a;letter-spacing:.06em}.summary-link{margin-top:auto;display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:#0f172a;text-decoration:none;padding:.6rem .9rem;border-radius:99px;background:#0f172a0d;transition:background .25s ease,transform .25s ease}.summary-link:hover{background:#0f172a14;transform:translate(2px)}.summary-card.urgent-card{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #ef4444;animation:urgentPulse 2s infinite}.summary-card.urgent-card:hover{border-color:#dc2626;box-shadow:0 32px 65px #dc262640}.summary-card.urgent-card .summary-text h3{color:#dc2626}.summary-card.urgent-card .summary-value{color:#b91c1c}.summary-card.urgent-card .summary-link{background:#fecaca;color:#b91c1c}.summary-card.urgent-card .summary-link:hover{background:#fca5a5}@keyframes urgentPulse{0%,to{box-shadow:0 22px 40px #dc262626}50%{box-shadow:0 22px 40px #dc262659}}.tasks-section{display:flex;flex-direction:column;gap:1.5rem}.tasks-header{display:flex;flex-direction:column;gap:1rem}.tasks-header h3{margin:0;font-size:1.25rem;color:#0f172a}.tasks-header p{margin:.35rem 0 0;color:#64748b;font-size:.92rem}.tasks-search{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;border-radius:12px;border:1px solid rgba(148,163,184,.32);background:#fffffffa;box-shadow:0 18px 35px #0f172a1f}.tasks-search input{flex:1;border:none;outline:none;font-size:.95rem;color:#0f172a}.tasks-search svg{font-size:1.1rem;color:#0f172a}.tasks-search .search-button,.tasks-search .clear-search{border:none;border-radius:10px;padding:.45rem .95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.tasks-search .search-button{background:linear-gradient(135deg,#0982ed,#3bcaf5);color:#fff}.tasks-search .search-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0982ed40}.tasks-search .clear-search{background:#0f172a0d;color:#0f172a}.tasks-search .clear-search:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1a}.table-card{background:#fffffffa;border-radius:18px;border:1px solid rgba(148,163,184,.22);box-shadow:0 28px 50px #0f172a29;overflow:hidden}.table-responsive{max-height:460px;overflow:auto}.table-responsive table{width:100%;border-collapse:collapse;min-width:720px}.table-responsive thead{background:linear-gradient(135deg,#0982ed14,#3bcaf538);position:sticky;top:0;z-index:1}.table-responsive th{text-align:left;padding:.85rem 1rem;font-size:.85rem;letter-spacing:.08em;color:#0f172a}.table-responsive td{padding:.85rem 1rem;border-top:1px solid rgba(226,232,240,.6);color:#1e293b;vertical-align:top}.table-responsive tr:hover{background:#0f172a0a}.table-responsive .descripcion{margin:0;color:#475569;line-height:1.6}.table-placeholder{text-align:center;padding:2rem 1rem;color:#64748b}.table-placeholder.error{color:#b91c1c}.tarea-hoy{background:#fcf8e3b3}.tasks-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid rgba(148,163,184,.18);background:#f8fafceb}.tasks-pagination button{border:none;background:linear-gradient(135deg,#1f2937,#334155);color:#fff;padding:.5rem 1.15rem;border-radius:10px;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.tasks-pagination button:disabled{opacity:.55;cursor:not-allowed}.tasks-pagination button:not(:disabled):hover{transform:translateY(-1px)}.tasks-pagination span{font-size:.95rem;color:#475569}@media(max-width:1023px){.tasks-search{flex-direction:column;align-items:stretch}.tasks-search svg{display:none}.tasks-search input,.tasks-search .search-button,.tasks-search .clear-search{width:100%}.table-responsive{max-height:none}}@media(max-width:640px){.summary-card{padding:1.5rem}.summary-value{font-size:2rem}.tasks-pagination{flex-direction:column;gap:.75rem}.tasks-pagination button{width:100%}}.principal-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-welcome h2{margin:0 0 .25rem;font-size:1.75rem;color:#0f172a}.header-welcome p{margin:0;color:#64748b;font-size:.95rem;text-transform:capitalize}.header-welcome .jefe-inmediato{margin-top:.5rem;display:flex;align-items:center;gap:.4rem;color:#3b82f6;font-size:.9rem;text-transform:none}.header-welcome .jefe-inmediato .jefe-icon{font-size:1rem;color:#3b82f6}.header-welcome .jefe-inmediato strong{color:#1e40af}.header-role-badge{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.header-role-badge .depto-badge{display:inline-block;padding:.3rem .8rem;border-radius:12px;font-size:.75rem;font-weight:500;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1;border:1px solid rgba(14,165,233,.2)}.header-role-badge .role-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-badge.role-administrador{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.role-badge.role-director{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.role-badge.role-secretaria{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.role-badge.role-auditor{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.role-badge.role-usuario{background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff}.quick-access-section{margin-bottom:.5rem}.quick-access-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;color:#475569;text-transform:uppercase;letter-spacing:.05em}.quick-access-grid{display:flex;flex-wrap:wrap;gap:.75rem}.quick-access-card{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;background:#fff;border-radius:12px;border:1px solid rgba(148,163,184,.25);box-shadow:0 4px 12px #0000000f;text-decoration:none;color:#1e293b;font-weight:500;font-size:.9rem;transition:all .2s ease}.quick-access-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:var(--accent-color, #3498db)}.quick-access-card .quick-icon{font-size:1.1rem;color:var(--accent-color, #3498db)}.dashboard-widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.widget-card{background:#fffffffa;border-radius:16px;border:1px solid rgba(148,163,184,.2);box-shadow:0 12px 30px #0f172a1a;overflow:hidden}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(226,232,240,.7);background:#f8fafc80}.widget-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.95rem;color:#1e293b}.widget-header h3 svg{color:#64748b}.widget-link{font-size:.8rem;color:#3498db;text-decoration:none;font-weight:500}.widget-link:hover{text-decoration:underline}.chart-container{padding:1rem;min-height:220px}.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#94a3b8;text-align:center}.widget-empty svg{margin-bottom:.75rem;opacity:.5}.widget-empty p{margin:0 0 1rem;font-size:.9rem}.btn-create-widget{padding:.5rem 1rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:500}.events-list{max-height:280px;overflow-y:auto}.event-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-bottom:1px solid rgba(226,232,240,.5);cursor:pointer;transition:background .2s ease}.event-item:hover{background:#f8fafccc}.event-item.completed{opacity:.6}.event-item.completed .event-title{text-decoration:line-through}.event-type-indicator{width:4px;height:36px;border-radius:2px;flex-shrink:0}.event-content{flex:1;min-width:0}.event-time{display:block;font-size:.75rem;color:#64748b;font-weight:500}.event-title{display:block;font-size:.9rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-priority{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase;flex-shrink:0}.activity-list{max-height:320px;overflow-y:auto}.activity-item{display:flex;gap:.75rem;padding:.85rem 1.25rem;border-bottom:1px solid rgba(226,232,240,.5)}.activity-item:last-child{border-bottom:none}.activity-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.activity-action{font-size:.8rem;font-weight:600;color:#1e293b}.activity-time{font-size:.75rem;color:#94a3b8}.activity-details{margin:0;font-size:.85rem;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-user{font-size:.75rem;color:#94a3b8}.summary-footer{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 1.5rem;background:#f8fafce6;border-radius:12px;border:1px solid rgba(226,232,240,.6)}.summary-item{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.9rem}.summary-item svg{font-size:1.1rem}.summary-item .icon-success{color:#2ecc71}.summary-item .icon-info{color:#3498db}.summary-item .icon-warning{color:#f39c12}@media(max-width:768px){.dashboard-widgets-grid{grid-template-columns:1fr}.quick-access-grid{flex-direction:column}.quick-access-card{justify-content:center}.summary-footer{flex-direction:column;gap:.75rem}}.memos-page{display:flex;flex-direction:column;gap:1.75rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;box-shadow:0 16px 30px #0f172a2e;transition:transform .25s ease,box-shadow .25s ease,opacity .2s ease;border:none}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 22px 38px #0f172a40}.btn-secondary:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-danger{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.35rem;border-radius:10px;border:none;background:linear-gradient(135deg,#b91c1c,#dc2626);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 18px 28px #b91c1c38}.filtros-container{background:#ffffffe6;padding:1.75rem;border-radius:18px;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 45px #94a3b829;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-container{background:#fffffff2;padding:1.5rem;border-radius:16px;border:1px solid rgba(148,163,184,.18);box-shadow:0 20px 40px #94a3b824;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-box{position:relative;display:flex;align-items:center;gap:.75rem}.search-icon{position:absolute;left:1rem;width:20px;height:20px;color:#64748b;pointer-events:none;z-index:1}.search-input{flex:1;padding:.9rem 3rem;font-size:.95rem;border:2px solid rgba(148,163,184,.25);border-radius:14px;background:#fffffffa;color:#0f172a;transition:all .3s ease;outline:none}.search-input:focus{border-color:#0982ed;box-shadow:0 0 0 4px #0982ed1f;background:#fff}.search-clear{position:absolute;right:1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#94a3b826;border:none;border-radius:50%;color:#475569;font-size:1.4rem;cursor:pointer;transition:all .2s ease;z-index:1;line-height:1;padding:0}.search-clear:hover{background:#94a3b840;color:#0f172a;transform:scale(1.1)}.search-results-info{margin-top:.75rem;padding:.6rem 1rem;background:linear-gradient(135deg,#0982ed14,#3bcaf514);border-radius:10px;border-left:3px solid #0982ed}.search-results-info span{color:#1e40af;font-size:.9rem;font-weight:600}.filtros-container h3{font-size:1.1rem;margin:0 0 1rem;color:#0f172a}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem;align-items:end}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group label{font-weight:600;color:#1e293b;font-size:.9rem}.form-group select,.form-group input,.form-group textarea,.form-group button{padding:.65rem .85rem;border-radius:10px;font-size:.95rem;transition:border .2s ease,box-shadow .2s ease}.form-group select,.form-group input,.form-group textarea{border:1px solid rgba(148,163,184,.45);background:#ffffffeb}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e92e}.alert{padding:.85rem 1.1rem;border-radius:12px;border:1px solid transparent;font-weight:500}.alert-error{margin:0;background:#fee2e2cc;color:#b91c1c;border-color:#ef444459}.alert-success{margin:0;background:#dcfce7cc;color:#047857;border-color:#22c55e59}.table-container{background:#fffffff0;border-radius:20px;border:1px solid rgba(148,163,184,.16);box-shadow:0 30px 55px #0f172a2e;overflow:hidden}.table-scroll{width:100%;overflow-x:auto}.memos-table{width:100%;border-collapse:separate;border-spacing:0;min-width:960px}.memos-table thead{background:linear-gradient(135deg,#0ea5e91f,#38bdf829)}.memos-table thead tr th:first-child{padding-left:1.5rem}.memos-table thead tr th:last-child{padding-right:1.5rem}.memos-table tbody tr td:first-child{padding-left:1.5rem}.memos-table tbody tr td:last-child{padding-right:1.5rem}.memos-table td{padding:.95rem 1.1rem;border-bottom:1px solid rgba(148,163,184,.18);color:#1f2937;font-size:.9rem;vertical-align:middle}.col-asunto{max-width:260px}.badge-default{background:#94a3b840;color:#1f2937}.acciones-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;max-width:280px}.accion-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:10px;border:1px solid rgba(148,163,184,.32);background:#f8fafceb;color:#0f172a;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.accion-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px #0f172a2e}.accion-btn:disabled{opacity:.45;cursor:not-allowed}.accion-btn-danger{border-color:#ef444459;background:#fee2e299;color:#b91c1c}.modal-backdrop{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1.5rem;z-index:9999}.modal-card{width:min(480px,100%);background:#fff;border-radius:18px;box-shadow:0 32px 60px #0f172a59;border:1px solid rgba(148,163,184,.24);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;background:linear-gradient(135deg,#0982ed1a,#3bcaf533)}.modal-header h4{margin:0;color:#0f172a}.modal-close{border:none;background:transparent;font-size:1.5rem;cursor:pointer;color:#475569}.modal-body{padding:1.5rem;color:#1f2937;line-height:1.6}.modal-label{display:block;margin:1rem 0 .35rem;font-weight:600;color:#0f172a}.modal-body textarea{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.45);padding:.75rem .9rem;font-size:.95rem;resize:vertical}.modal-body textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e92e}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.1rem 1.5rem;background:#f8fafce6}.uploader-hint{margin:.35rem 0 0;font-size:.8rem;color:#6b7280}.adjuntos-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.adjunto-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#f8fafceb}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.page-header h2{font-size:1.4rem}.table-container{border-radius:14px}.acciones-grid{flex-direction:column;align-items:stretch}.accion-btn{justify-content:center}}.modal-footer .btn-secondary{box-shadow:none}.memos-table th{padding:.85rem 1.1rem;text-align:left;font-weight:600;color:#0f172a;border-bottom:1px solid rgba(148,163,184,.24);font-size:.9rem;letter-spacing:.01em}.memos-table td{padding:.95rem 1.1rem;border-bottom:1px solid rgba(148,163,184,.18);color:#1f2937;font-size:.9rem}.memos-table td .acciones-grid{flex-direction:column;align-items:stretch}.memos-table td .accion-btn{justify-content:center}.memos-table tbody tr{transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.memos-table tbody tr:hover{background:#0ea5e90f;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #7dd3fc33}.text-center{text-align:center;padding:2rem!important;color:#94a3b8}.badge{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.3rem .9rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.03em}.badge-1{background:#3b82f62e;color:#1d4ed8}.badge-2{background:#f59e0b2e;color:#a16207}.badge-3{background:#10b9812e;color:#047857}.badge-4{background:#f871712e;color:#b91c1c}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.05rem;padding:.35rem .45rem;color:#64748b;transition:color .2s ease,transform .2s ease}.btn-icon:hover{color:#0ea5e9;transform:translateY(-1px)}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.page-header h2{font-size:1.4rem}.header-actions{width:100%}.header-actions button{flex:1;justify-content:center}.table-container{border-radius:14px;overflow-x:auto}.table-scroll{padding:0 .75rem}.memos-table{min-width:800px}.filtros-grid{grid-template-columns:1fr}.acciones-grid{grid-template-columns:1fr;gap:.5rem}.accion-btn{width:100%;justify-content:center}.search-container{padding:1.25rem}.search-input{padding:.8rem 2.5rem .8rem 2.75rem;font-size:.9rem}.search-icon{left:.85rem;width:18px;height:18px}.search-clear{right:.85rem;width:26px;height:26px}}@media(max-width:480px){.page-header h2{font-size:1.2rem}.btn-primary,.btn-secondary{padding:.6rem 1rem;font-size:.85rem}.modal-content{padding:1.5rem;max-width:95vw}.modal-header h3{font-size:1.1rem}.search-container{padding:1rem;border-radius:12px}.search-input{padding:.75rem 2.25rem .75rem 2.5rem;font-size:.85rem}.search-results-info{margin-top:.6rem;padding:.5rem .8rem}.search-results-info span{font-size:.85rem}}.rich-text-editor{border:1px solid var(--border-color, #d1d5db);border-radius:8px;background:#fff;overflow:hidden}.rich-text-editor.disabled{opacity:.7;pointer-events:none;background:var(--color-bg-disabled, #f5f5f5)}.editor-menu-bar{display:flex;flex-wrap:wrap;gap:2px;padding:8px;border-bottom:1px solid var(--border-color, #d1d5db);background:var(--color-bg-secondary, #f8fafc)}.editor-menu-bar button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;color:var(--color-text-secondary, #64748b);font-size:14px;transition:all .15s ease}.editor-menu-bar button:hover{background:var(--color-bg-hover, #e2e8f0);color:var(--color-text-primary, #1e293b)}.editor-menu-bar button.is-active{background:var(--color-primary-light, #e0e7ff);color:var(--color-primary, #4f46e5);border-color:var(--color-primary, #4f46e5)}.editor-separator{width:1px;height:24px;background:var(--border-color, #d1d5db);margin:4px 6px;align-self:center}.editor-content{min-height:200px;max-height:400px;overflow-y:auto}.editor-content .tiptap{min-height:200px;padding:16px;outline:none;font-family:inherit;font-size:14px;line-height:1.6;color:var(--color-text-primary, #1e293b)}.editor-content .tiptap:focus{background:#fafbff}.editor-content .tiptap p{margin:0 0 .75em}.editor-content .tiptap p:last-child{margin-bottom:0}.editor-content .tiptap ul,.editor-content .tiptap ol{margin:.5em 0;padding-left:1.5em}.editor-content .tiptap li{margin:.25em 0}.editor-content .tiptap hr{border:none;border-top:2px solid var(--border-color, #d1d5db);margin:1em 0}.editor-content .tiptap blockquote{border-left:3px solid var(--color-primary, #4f46e5);padding-left:1em;margin:.5em 0;color:var(--color-text-secondary, #64748b);font-style:italic}.editor-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-tertiary, #9ca3af);pointer-events:none;height:0}@media(max-width:600px){.editor-menu-bar{padding:6px;gap:1px}.editor-menu-bar button{width:28px;height:28px;font-size:12px}.editor-separator{margin:2px 4px}.editor-content .tiptap{padding:12px;font-size:13px}}.memo-workflow{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:#fffffff0;border-radius:20px;border:1px solid rgba(148,163,184,.18);box-shadow:0 26px 55px #0f172a2e}.memo-workflow header h2{margin:0;font-size:1.9rem;color:#0f172a}.memo-workflow header p{margin:.4rem 0 0;color:#475569;line-height:1.6}.memo-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.6rem}.form-field label{font-weight:600;color:#1e293b}.form-field input,.form-field select,.form-field textarea{border:1px solid rgba(148,163,184,.45);border-radius:12px;padding:.7rem .85rem;font-size:.95rem;background:#fffffff5;transition:border .2s ease,box-shadow .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e938}.checkbox-field{flex-direction:row;align-items:center;gap:.75rem}.checkbox-field label{display:flex;align-items:center;gap:.6rem;font-weight:500}.field-hint{font-size:.8rem;color:#6b7280}.field-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;margin-left:.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-radius:999px;vertical-align:middle}.form-alert{padding:.85rem 1rem;border-radius:12px;border:1px solid transparent;font-weight:500}.form-alert-error{background:#fee2e2cc;border-color:#ef444459;color:#b91c1c}.form-alert-success{background:#dcfce7cc;border-color:#22c55e59;color:#047857}.memo-resumen{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,#0ea5e91a,#38bdf814)}.memo-resumen h3{margin:0;font-size:1.3rem;color:#0f172a}.memo-resumen-subtitle{margin:.2rem 0 0;color:#475569}.memo-resumen ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.memo-resumen ul li{font-size:.9rem;color:#1f2937;display:flex;gap:.5rem}.memo-resumen ul span{color:#475569}.adjuntos-section{display:flex;flex-direction:column;gap:.9rem}.adjuntos-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.adjuntos-header h3{margin:0;font-size:1.1rem;color:#0f172a}.uploader-button{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.1rem;border-radius:12px;background:#0ea5e926;color:#0369a1;font-weight:600;cursor:pointer;position:relative;overflow:hidden}.uploader-button input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.uploader-hint{margin:0;font-size:.8rem;color:#6b7280}.adjuntos-contador{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:linear-gradient(135deg,#22c55e26,#10b9811a);border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#047857;font-weight:600;font-size:.9rem}.adjuntos-vacio{margin:0;padding:1rem;text-align:center;color:#9ca3af;font-style:italic;background:#f8fafcb3;border:1px dashed rgba(148,163,184,.4);border-radius:10px}.adjuntos-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-left:8px;font-size:.75rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:999px}.adjuntos-list,.adjuntos-pendientes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.adjunto-item,.adjuntos-pendientes li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#f8fafceb}.adjunto-info strong{color:#0f172a}.adjunto-meta{display:flex;gap:.5rem;font-size:.8rem;color:#6b7280}.adjunto-size{margin-left:.5rem;font-size:.8rem;color:#6b7280}.adjunto-actions{display:flex;gap:.5rem}.accion-mini{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.45rem .75rem;font-size:.8rem;border-radius:8px;border:1px solid rgba(148,163,184,.32);background:#fffffff2;cursor:pointer}.accion-mini-danger{color:#b91c1c;border-color:#ef444459;background:#fee2e299}.form-footer{display:flex;justify-content:flex-end;gap:.75rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.55rem;padding:.75rem 1.4rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.workflow-loading,.workflow-warning{padding:1rem 1.25rem;border-radius:12px;border:1px solid rgba(148,163,184,.25);font-size:.95rem}.workflow-loading{background:#e2e8f080;color:#475569}.workflow-warning{background:#fee2e2bf;color:#b91c1c}.modal-subtitle{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.modal-error{margin-top:.75rem;padding:.6rem .8rem;border-radius:10px;background:#fee2e2bf;color:#b91c1c;font-size:.85rem}.modal-loading{padding:.75rem 0;color:#475569;font-size:.9rem}.modal-empty{padding:.9rem 1rem;border-radius:12px;border:1px dashed rgba(148,163,184,.35);color:#6b7280;font-size:.9rem}.modal-card-lg{width:min(720px,100%)}.adjuntos-uploader{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.uploader-status{font-size:.85rem;color:#0369a1}.memo-info-card{padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid rgba(148,163,184,.25);display:flex;flex-direction:column;gap:1rem}.memo-info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.memo-info-item{display:flex;flex-direction:column;gap:.35rem}.memo-info-item label{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.memo-info-item strong{font-size:1.1rem;color:#0f172a}.memo-info-asunto{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(148,163,184,.2)}.memo-info-asunto label{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.memo-info-asunto p{margin:0;color:#1e293b;line-height:1.5}.badge{display:inline-block;padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-info{background:#dbeafe;color:#1e40af}.tabs-container{display:flex;flex-direction:column;border:1px solid rgba(148,163,184,.25);border-radius:12px;overflow:hidden;background:#fff}.tabs-header{display:flex;background:#f8fafc;border-bottom:1px solid rgba(148,163,184,.25)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem;border:none;background:transparent;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.tab-button:hover{background:#94a3b814;color:#334155}.tab-button.active{color:#0369a1;background:#fff}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#0369a1}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .4rem;background:#0369a1;color:#fff;font-size:.75rem;font-weight:700;border-radius:11px}.tabs-content{padding:1.5rem;max-height:400px;overflow-y:auto}.search-bar{padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid rgba(148,163,184,.25)}.search-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(148,163,184,.35);border-radius:8px;font-size:.95rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:#0369a1;box-shadow:0 0 0 3px #0369a11a}.workflow-warning{padding:1.25rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:12px;color:#78350f;line-height:1.6}.checkbox-list{display:flex;flex-direction:column;gap:.75rem}.checkbox-list-hint{margin:0 0 .5rem;padding:.75rem;background:#f0f9ff;border-left:3px solid #0369a1;color:#0c4a6e;font-size:.9rem;border-radius:6px}.checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid rgba(148,163,184,.25);border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.checkbox-item:hover{background:#f8fafc;border-color:#0369a1;transform:translate(4px)}.checkbox-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#0369a1}.checkbox-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.checkbox-info strong{color:#0f172a;font-size:.95rem}.checkbox-meta{color:#64748b;font-size:.85rem}.empty-message{padding:2rem;text-align:center;color:#94a3b8;font-style:italic}.form-actions-centered{display:flex;justify-content:center;gap:1rem;padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(148,163,184,.15)}.btn-cancel-large,.btn-submit-large{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 2rem;font-size:1rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease;min-width:180px}.btn-cancel-large{background:#fff;color:#64748b;border:2px solid rgba(148,163,184,.35)}.btn-cancel-large:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#334155}.btn-submit-large{background:linear-gradient(135deg,#0369a1,#0284c7);color:#fff;box-shadow:0 4px 12px #0369a14d}.btn-submit-large:hover:not(:disabled){background:linear-gradient(135deg,#075985,#0369a1);box-shadow:0 6px 16px #0369a166;transform:translateY(-2px)}.btn-cancel-large:disabled,.btn-submit-large:disabled{opacity:.5;cursor:not-allowed;transform:none}.file-selected{color:#059669;font-size:.85rem;display:flex;align-items:center;gap:.35rem}@media(max-width:768px){.memo-workflow{padding:1.5rem}.form-footer{flex-direction:column;align-items:stretch}.form-footer button{justify-content:center}.form-actions-centered{flex-direction:column}.btn-cancel-large,.btn-submit-large{width:100%}.tabs-header{flex-direction:column}.tab-button.active:after{left:0;right:auto;width:3px;height:100%}}.borradores-container{padding:1.5rem;max-width:1400px;margin:0 auto}.borradores-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.borradores-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.borradores-table{width:100%;border-collapse:collapse}.borradores-table thead{background:linear-gradient(135deg,#1e3a5f,#2d4a6f)}.borradores-table th{padding:.875rem 1rem;text-align:left;color:#fff;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.025em}.borradores-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.borradores-table tbody tr:hover{background:#f8fafc}.borradores-table td{padding:.875rem 1rem;color:#334155;font-size:.9rem}.badge-adjuntos{background:#f0f9ff;color:#0369a1;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.action-buttons{display:flex;gap:.375rem;flex-wrap:wrap}.btn-action{min-width:36px;height:36px;padding:0 .5rem;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:.85rem;font-weight:600}.btn-action svg{width:18px;height:18px;flex-shrink:0}.btn-editar{background:#fef3c7;color:#d97706}.btn-editar:hover{background:#d97706;color:#fff}.btn-enviar{background:#dcfce7;color:#16a34a}.btn-enviar:hover{background:#16a34a;color:#fff}.btn-eliminar{background:#fee2e2;color:#b91c1c}.btn-eliminar:hover{background:#b91c1c;color:#fff}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:480px;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a}.modal-content h3{margin:0 0 .5rem;color:#1e3a5f;font-size:1.25rem}.modal-content p{color:#475569;margin:0 0 .5rem}.modal-subtitle{color:#64748b!important;font-style:italic;margin-bottom:1.25rem!important}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.9rem}.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;resize:vertical;font-family:inherit}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:768px){.borradores-container{padding:1rem}.borradores-header{flex-direction:column}.header-actions{width:100%}.btn-primary,.btn-secondary{flex:1;justify-content:center}.borradores-table{display:block;overflow-x:auto}.asunto-cell{max-width:200px}.modal-content{max-height:90vh;overflow-y:auto}}.btn-adjuntos{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.btn-adjuntos:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-1px)}.sin-adjuntos{color:#94a3b8;font-size:.875rem}.modal-adjuntos{max-width:550px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;margin-bottom:1rem}.modal-header h3{margin:0;font-size:1.25rem;color:#1e3a5f}.modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#1e293b}.modal-body{margin-bottom:1.5rem}.modal-body>p{margin:.5rem 0;color:#475569;font-size:.9rem}.loading-adjuntos,.empty-adjuntos{text-align:center;padding:1.5rem;color:#64748b}.lista-adjuntos h4{margin:1rem 0 .75rem;font-size:.95rem;color:#334155}.adjunto-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:8px;margin-bottom:.5rem;border:1px solid #e2e8f0}.adjunto-nombre{font-weight:500;color:#1e293b;font-size:.9rem}.adjunto-tamano{font-size:.75rem;color:#64748b}.btn-descargar{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.btn-descargar:hover{background:linear-gradient(135deg,#059669,#047857)}.modal-footer{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e2e8f0}.mis-enviados-container{padding:1.5rem;max-width:1400px;margin:0 auto}.mis-enviados-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-title h1{font-size:1.75rem;color:#1e3a5f;margin:0 0 .25rem}.header-title p{color:#64748b;margin:0;font-size:.95rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem;font-weight:500}.alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.search-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.search-icon{color:#94a3b8;font-size:1.25rem;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:.95rem;color:#334155}.search-clear{background:#f1f5f9;border:none;color:#64748b;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem}.search-clear:hover{background:#e2e8f0;color:#334155}.search-count{color:#64748b;font-size:.85rem;white-space:nowrap;padding-left:.5rem;border-left:1px solid #e2e8f0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.spinner-small{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px dashed #cbd5e1}.empty-icon{font-size:4rem;color:#94a3b8;margin-bottom:1rem}.empty-state h3{color:#475569;margin:0 0 .5rem;font-size:1.25rem}.empty-state p{color:#64748b;margin:0}.table-responsive{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.memos-table{width:100%;border-collapse:collapse;min-width:800px}.memos-table thead{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.memos-table th{padding:1rem;text-align:left;color:#fff;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.025em}.memos-table th:first-child{border-top-left-radius:12px}.memos-table th:last-child{border-top-right-radius:12px}.memos-table td{padding:.875rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9rem}.memos-table tbody tr:last-child td{border-bottom:none}.memos-table tbody tr.estado-4,.memos-table tbody tr.estado-5{background:#fef2f2}.memos-table tbody tr.estado-4:hover,.memos-table tbody tr.estado-5:hover{background:#fee2e2}.memos-table tbody tr.estado-3{background:#f0fdf4}.memos-table tbody tr.estado-3:hover{background:#dcfce7}.correlativo-cell strong{color:#1e3a5f;font-family:Consolas,Monaco,monospace}.asunto-cell{max-width:250px}.adjuntos-cell{text-align:center}.btn-adjuntos{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#475569;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-adjuntos:hover{background:#e2e8f0;color:#1e3a5f}.sin-adjuntos{color:#94a3b8}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-enviado{background:#fef9c3;color:#a16207}.badge-firmado{background:#dcfce7;color:#16a34a}.badge-devuelto{background:#fee2e2;color:#dc2626}.badge-anulado{background:#f3e8ff;color:#9333ea}.badge-default{background:#f1f5f9;color:#64748b}.acciones-cell{width:100px}.acciones-grid{display:flex;gap:.375rem;justify-content:center}.btn-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-pdf{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:700;font-size:.65rem;letter-spacing:.025em}.btn-pdf:hover{transform:scale(1.05);box-shadow:0 2px 8px #ef444466}.btn-detalle{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.btn-detalle:hover{transform:scale(1.05);box-shadow:0 2px 8px #6366f166}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px 16px 0 0}.modal-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;color:#1e3a5f}.modal-close{background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:.25rem;line-height:1}.modal-close:hover{color:#334155}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.memo-ref{background:#f8fafc;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;color:#475569}.loading-adjuntos{display:flex;align-items:center;gap:.75rem;padding:1rem;color:#64748b}.no-adjuntos{text-align:center;color:#64748b;padding:2rem}.adjuntos-list{list-style:none;padding:0;margin:0}.adjunto-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8fafc;border-radius:8px;margin-bottom:.5rem}.adjunto-item:last-child{margin-bottom:0}.adjunto-info{display:flex;align-items:center;gap:.75rem}.adjunto-icon{color:#3b82f6;font-size:1.25rem}.adjunto-details{display:flex;flex-direction:column}.adjunto-nombre{font-weight:500;color:#334155;font-size:.9rem}.adjunto-meta{color:#64748b;font-size:.8rem}.btn-download{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-download:hover{transform:scale(1.1);box-shadow:0 2px 8px #10b98166}.modal-detalle{max-width:700px}.detalle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detalle-item{display:flex;flex-direction:column;gap:.25rem}.detalle-item.full-width{grid-column:1 / -1}.detalle-item.alerta{background:#fef2f2;padding:.75rem;border-radius:8px;border:1px solid #fecaca}.detalle-item label{color:#64748b;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.detalle-item span{color:#334155;font-size:.95rem}.correlativo-valor{font-size:1.1rem!important;font-weight:700;color:#1e3a5f!important;font-family:Consolas,Monaco,monospace}.contenido-texto{background:#f8fafc;padding:1rem;border-radius:8px;color:#334155;font-size:.95rem;line-height:1.6;white-space:pre-wrap;max-height:200px;overflow-y:auto}.motivo-texto{color:#dc2626!important;font-weight:500}@media(max-width:768px){.mis-enviados-container{padding:1rem}.mis-enviados-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-end}.search-bar{flex-wrap:wrap}.search-input{flex-basis:100%;order:2;margin-top:.5rem}.search-count{border:none;order:3;width:100%;padding:.5rem 0 0;text-align:right}.detalle-grid{grid-template-columns:1fr}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem)}.acciones-grid{flex-direction:column}}.memos-enviados-container{padding:1.5rem;max-width:1400px;margin:0 auto}.memos-enviados-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.memos-enviados-header .header-title h1{font-size:1.75rem;color:#1e3a5f;margin:0 0 .25rem}.memos-enviados-header .header-title p{color:#64748b;margin:0;font-size:.95rem}.memos-enviados-header .header-actions{display:flex;gap:.75rem}.filtros-estados{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap;background:#fff;padding:.75rem;border-radius:10px;box-shadow:0 1px 3px #00000014}.filtro-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:9999px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filtro-btn:hover{background:#e2e8f0;color:#334155}.filtro-btn.active{background:#1e3a5f;color:#fff;border-color:#1e3a5f}.filtro-btn .badge{background:#fff3;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.filtro-btn:not(.active) .badge{background:#e2e8f0;color:#475569}.filtro-pendiente.active{background:#f59e0b;border-color:#f59e0b}.filtro-firmado.active{background:#10b981;border-color:#10b981}.filtro-devuelto.active{background:#8b5cf6;border-color:#8b5cf6}.filtro-anulado.active{background:#ef4444;border-color:#ef4444}.filtro-urgente{border-color:#dc2626;color:#dc2626}.filtro-urgente:hover{background:#dc262614}.filtro-urgente.active{background:#dc2626;border-color:#dc2626;color:#fff;animation:pulseUrgente 2s infinite}@keyframes pulseUrgente{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}.filtro-urgente .badge{background:#dc2626;color:#fff}.filtro-urgente.active .badge{background:#ffffff40}.loading-state .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.memos-table thead{background:linear-gradient(135deg,#1e3a5f,#2d4a6f)}.memos-table tbody tr:hover{background:#f8fafc}.memos-table tbody tr.row-alert{background:#fef9f7}.memos-table tbody tr.row-alert:hover{background:#fef2f2}.estado-container{display:flex;flex-direction:column;gap:.375rem}.estado-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.estado-pendiente{background:#fef3c7;color:#d97706}.estado-devuelto{background:#ede9fe;color:#7c3aed}.estado-anulado{background:#fef2f2;color:#dc2626}.motivo-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#fef2f2;color:#dc2626;border-radius:4px;font-size:.7rem;cursor:help}.firma-progress{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#f0f9ff;color:#0369a1;border-radius:4px;font-size:.7rem;font-weight:500;cursor:help;margin-left:.5rem}.destino{color:#475569}.btn-detalle{background:#f5f3ff;color:#7c3aed}.btn-detalle:hover{background:#7c3aed;color:#fff}.btn-anular{background:#fef2f2;color:#dc2626}.btn-anular:hover{background:#dc2626;color:#fff}.btn-anular-confirmar{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;color:#fff!important}.btn-anular-confirmar:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important}.btn-anular-confirmar:disabled{opacity:.5;cursor:not-allowed}.modal-detalle-memo{max-width:600px}.detalle-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detalle-campo{display:flex;flex-direction:column;gap:.25rem}.detalle-campo label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detalle-campo span{font-size:.95rem;color:#1f2937}.detalle-motivo{grid-column:1 / -1;background:#fef2f2;padding:.75rem;border-radius:8px;border-left:3px solid #dc2626}.detalle-motivo span{color:#991b1b}@media(max-width:768px){.memos-enviados-container{padding:1rem}.memos-enviados-header{flex-direction:column}.filtros-estados{overflow-x:auto;padding:.5rem;gap:.375rem}.filtro-btn{padding:.375rem .75rem;font-size:.8rem;white-space:nowrap}.memos-table{display:block;overflow-x:auto}.asunto-cell{max-width:200px}}.filtro-auditado{background:linear-gradient(135deg,#10b981,#059669);color:#fff!important;border:none}.filtro-auditado:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.filtro-auditado.active{box-shadow:0 0 0 3px #10b9814d}.filtro-sin-auditar{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff!important;border:none}.filtro-sin-auditar:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.filtro-sin-auditar.active{box-shadow:0 0 0 3px #f59e0b4d}.btn-auditar{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.btn-auditar:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-auditar:active{transform:translateY(0)}.badge-auditado{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;font-size:.8rem;font-weight:600;cursor:help;box-shadow:0 2px 4px #10b98133}.auditado-info{display:flex;align-items:center;justify-content:center}.modal-overlay-auditoria{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px;margin:0!important;animation:fadeIn .2s ease}.modal-overlay-auditoria .modal-auditoria{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;margin:0 auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.modal-header h3{margin:0;font-size:1.25rem;color:#1e3a5f;display:flex;align-items:center;gap:.5rem}.btn-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;padding:.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.btn-close:hover{background:#fee2e2;color:#dc2626}.memo-info{background:#f8fafc;border-radius:8px;padding:1rem;margin-bottom:1.5rem;border-left:4px solid #3b82f6}.memo-info p{margin:.5rem 0;font-size:.9rem;color:#475569}.memo-info p:first-child{margin-top:0}.memo-info p:last-child{margin-bottom:0}.memo-info strong{color:#1e293b;font-weight:600}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#334155;font-size:.9rem}.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;transition:all .2s ease}.form-group textarea:disabled{background:#f1f5f9;cursor:not-allowed}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-auditar-confirmar{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.btn-auditar-confirmar:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:768px){.modal-auditoria{width:95%;max-height:90vh}.modal-header,.modal-body{padding:1rem}.modal-footer{flex-direction:column;padding:1rem}.modal-footer button{width:100%}}.memos-firmados-container{padding:1.5rem;max-width:1400px;margin:0 auto}.memos-firmados-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.memos-firmados-header .header-title h1{font-size:1.75rem;color:#1e3a5f;margin:0 0 .25rem}.memos-firmados-header .header-title p{color:#64748b;margin:0;font-size:.95rem}.memos-firmados-header .header-actions{display:flex;gap:.75rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#e2e8f0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.alert{padding:.875rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.search-bar{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.5rem 1rem;margin-bottom:1.25rem;box-shadow:0 1px 3px #0000000d}.search-icon{color:#94a3b8;font-size:1.1rem;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:.95rem;color:#1e293b;background:transparent}.btn-clear-search{background:#f1f5f9;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.8rem;transition:all .2s}.btn-clear-search:hover{background:#e2e8f0;color:#334155}.search-count{color:#64748b;font-size:.85rem;white-space:nowrap}.loading-state,.empty-state{text-align:center;padding:3rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014}.loading-state .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{color:#1e3a5f;margin:0 0 .5rem}.empty-state p{color:#64748b;margin:0 0 1.5rem}.memos-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.memos-table thead{background:linear-gradient(135deg,#059669,#047857)}.memos-table th{padding:.875rem 1rem;text-align:left;color:#fff;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.025em}.memos-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.memos-table tbody tr:hover{background:#f0fdf4}.memos-table td{padding:.875rem 1rem;color:#334155;font-size:.9rem}.estado-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.estado-firmado{background:#dcfce7;color:#16a34a}.estado-notificado{background:#fef3c7;color:#d97706}.estado-default{background:#f1f5f9;color:#64748b}.correlativo{font-weight:600;color:#1e3a5f;font-family:Monaco,Consolas,monospace}.asunto-cell{max-width:300px}.asunto-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fecha-recibido{display:flex;align-items:center;gap:.375rem;color:#64748b;font-size:.85rem}.icon-clock{color:#10b981;font-size:.9rem}.action-buttons{display:flex;gap:.375rem}.btn-action{min-width:32px;height:32px;padding:0 .5rem;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:.8rem;font-weight:600}.btn-pdf{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-weight:700;letter-spacing:.5px}.btn-pdf:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:scale(1.05)}.btn-ver{background:#f0f9ff;color:#0369a1}.btn-ver:hover{background:#0369a1;color:#fff}.btn-detalle{background:#f0fdf4;color:#16a34a}.btn-detalle:hover{background:#16a34a;color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.modal-detalle .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;color:#1e3a5f;font-size:1.25rem}.btn-close{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;color:#64748b;transition:all .2s}.btn-close:hover{background:#e2e8f0;color:#1e293b}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.detalle-row{display:flex;gap:1rem;margin-bottom:.875rem;padding-bottom:.875rem;border-bottom:1px solid #f1f5f9}.detalle-row:last-child{border-bottom:none;margin-bottom:0}.detalle-label{flex-shrink:0;width:140px;color:#64748b;font-weight:500;font-size:.9rem}.detalle-value{flex:1;color:#1e293b;font-size:.9rem}.detalle-value.correlativo{font-weight:600;color:#1e3a5f;font-family:Monaco,Consolas,monospace;font-size:1.1rem}.detalle-value.nota{font-style:italic;color:#475569}.detalle-contenido{flex-direction:column}.detalle-contenido .detalle-label{width:100%;margin-bottom:.5rem}.detalle-contenido .detalle-value.contenido{background:#f8fafc;padding:1rem;border-radius:8px;white-space:pre-wrap;line-height:1.6}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 12px 12px}.info-permisos{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.875rem 1rem;background:#eff6ff;color:#1e40af;border-radius:8px;font-size:.85rem}@media(max-width:768px){.memos-firmados-container{padding:1rem}.memos-firmados-header{flex-direction:column}.memos-table{display:block;overflow-x:auto}.asunto-cell{max-width:200px}.modal-content{max-width:100%;margin:.5rem}.detalle-row{flex-direction:column;gap:.25rem}.detalle-label{width:100%}}.timeline-page{padding:1.5rem;max-width:1200px;margin:0 auto}.timeline-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.timeline-page .header-title{display:flex;align-items:center;gap:.75rem}.timeline-page .header-icon{font-size:1.75rem;color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:.75rem;border-radius:12px}.timeline-page .header-title h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.timeline-page .header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.timeline-page .btn-refresh,.timeline-page .btn-filtros{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;position:relative}.timeline-page .btn-refresh{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.timeline-page .btn-refresh:hover{background:#e2e8f0;transform:translateY(-1px)}.timeline-page .btn-filtros{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f640}.timeline-page .btn-filtros:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.timeline-page .btn-filtros.activo{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.timeline-page .filtros-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.timeline-page .search-bar{position:relative;margin-bottom:1rem}.timeline-page .search-bar input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#fff}.timeline-page .search-bar input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.timeline-page .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.1rem}.timeline-page .btn-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:#f1f5f9;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.timeline-page .btn-clear:hover{background:#e2e8f0;color:#ef4444}.timeline-page .filtros-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000a}.timeline-page .filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.timeline-page .filtro-grupo{display:flex;flex-direction:column;gap:.35rem}.timeline-page .filtro-grupo label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.timeline-page .filtro-grupo select,.timeline-page .filtro-grupo input{padding:.6rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#f8fafc;transition:all .2s}.timeline-page .filtro-grupo select:focus,.timeline-page .filtro-grupo input:focus{outline:none;border-color:#3b82f6;background:#fff}.timeline-page .btn-limpiar{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.timeline-page .btn-limpiar:hover{background:#fee2e2}.timeline-page .mensaje{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-radius:10px;margin-bottom:1rem;font-weight:500}.timeline-page .mensaje.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.timeline-page .mensaje button{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.6;transition:opacity .2s}.timeline-page .mensaje button:hover{opacity:1}.timeline-page .resultados-info{background:#eff6ff;color:#1e40af;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:1rem}.timeline-page .timeline-container{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0}.timeline-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b}.timeline-page .spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.timeline-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b;text-align:center}.timeline-page .empty-state svg{color:#cbd5e1;margin-bottom:1rem}.timeline-page .empty-state h3{font-size:1.25rem;font-weight:600;color:#475569;margin:0 0 .5rem}.timeline-page .empty-state p{margin:0;font-size:.95rem}.timeline-page .timeline{display:flex;flex-direction:column;gap:2rem}.timeline-page .timeline-grupo{display:flex;flex-direction:column;gap:.75rem}.timeline-page .timeline-fecha{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#1e40af;padding:.5rem 1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;text-transform:capitalize}.timeline-page .timeline-fecha svg{font-size:1rem}.timeline-page .timeline-eventos{display:flex;flex-direction:column;gap:.75rem;padding-left:1rem}.timeline-page .timeline-evento{display:flex;gap:1rem;position:relative}.timeline-page .evento-linea{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-page .evento-linea:after{content:"";position:absolute;top:32px;left:50%;transform:translate(-50%);width:2px;height:calc(100% + .75rem);background:#e2e8f0}.timeline-page .timeline-evento:last-child .evento-linea:after{display:none}.timeline-page .evento-punto{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;z-index:1;box-shadow:0 2px 6px #00000026}.timeline-page .evento-contenido{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all .2s}.timeline-page .evento-contenido:hover{background:#fff;box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.timeline-page .evento-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.timeline-page .evento-accion{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.timeline-page .evento-hora{font-size:.85rem;color:#94a3b8;font-weight:500}.timeline-page .evento-memo{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem}.timeline-page .evento-memo svg{color:#64748b;flex-shrink:0}.timeline-page .memo-correlativo{font-weight:600;color:#1e40af;background:#dbeafe;padding:.15rem .5rem;border-radius:4px;font-size:.8rem}.timeline-page .memo-asunto{color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-page .evento-usuario{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b;margin-bottom:.5rem}.timeline-page .evento-usuario svg{flex-shrink:0}.timeline-page .evento-estados{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.timeline-page .estado{padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500}.timeline-page .estado.anterior{background:#fee2e2;color:#991b1b;text-decoration:line-through}.timeline-page .estado.nuevo{background:#dcfce7;color:#166534}.timeline-page .estado-flecha{color:#94a3b8;font-size:.9rem}.timeline-page .evento-comentario{margin-top:.75rem;padding:.75rem;background:#fff;border-left:3px solid #3b82f6;border-radius:0 8px 8px 0;font-size:.85rem;color:#475569;font-style:italic}.spin{animation:spin 1s linear infinite}@media(max-width:768px){.timeline-page{padding:1rem}.timeline-page .page-header{flex-direction:column;align-items:stretch}.timeline-page .header-actions{justify-content:flex-end}.timeline-page .filtros-grid{grid-template-columns:1fr}.timeline-page .timeline-eventos{padding-left:.5rem}.timeline-page .evento-contenido{padding:.75rem}.timeline-page .evento-memo{flex-wrap:wrap}.timeline-page .memo-asunto{width:100%;margin-top:.25rem}}.estados-page{display:flex;flex-direction:column;gap:1.75rem}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-header h2{margin:0;color:#0f172a;font-size:1.65rem;font-weight:600}.subtitle{margin-top:.35rem;color:#475569;font-size:.95rem}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;box-shadow:0 16px 30px #0f172a2e;transition:transform .25s ease,box-shadow .25s ease,opacity .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,#0982ed,#3bcaf5);color:#fff}.btn-secondary{background:#0f172ad1;color:#f8fafc}.btn-danger{background:linear-gradient(135deg,#b91c1c,#dc2626);color:#fff}.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover{transform:translateY(-3px);box-shadow:0 22px 38px #0f172a40}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.alert{padding:1rem 1.25rem;border-radius:12px;font-size:.95rem;margin-bottom:1rem}.alert-success{background:linear-gradient(135deg,#22c55e1f,#4ade801f);border-left:4px solid #22c55e;color:#166534}.alert-error{background:linear-gradient(135deg,#ef44441f,#f871711f);border-left:4px solid #ef4444;color:#991b1b}.table-container{background:#fffffff2;border-radius:18px;border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 45px #94a3b829;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.table-scroll{overflow-x:auto;padding:1.5rem}.estados-table{width:100%;border-collapse:collapse;font-size:.95rem}.estados-table thead{background:linear-gradient(135deg,#0982edd9,#3bcaf5d9)}.estados-table th{padding:1rem .75rem;text-align:left;font-weight:600;color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.estados-table tbody tr{border-bottom:1px solid rgba(148,163,184,.12);transition:background-color .2s ease}.estados-table tbody tr:hover{background:#0982ed0a}.estados-table tbody tr:last-child{border-bottom:none}.estados-table td{padding:1rem .75rem;color:#334155}.text-center{text-align:center}.font-semibold{font-weight:600;color:#0f172a}.color-text{font-family:Courier New,monospace;font-size:.9rem;padding:.25rem .5rem;background:#94a3b814;border-radius:6px;display:inline-block}.badge-preview{display:inline-block;padding:.4rem .9rem;border-radius:8px;font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 8px #00000026}.acciones-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.accion-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .8rem;border-radius:8px;border:1px solid rgba(148,163,184,.25);background:#fffffffa;color:#475569;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.accion-btn:hover{background:#0982ed14;border-color:#0982ed;color:#0982ed;transform:translateY(-2px)}.accion-btn-danger{color:#dc2626}.accion-btn-danger:hover{background:#dc262614;border-color:#dc2626;color:#dc2626}.estados-modal-overlay{position:fixed;inset:0;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99998}.estados-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.estados-modal-small{max-width:500px}.estados-modal-content{background:#fff;border-radius:18px;box-shadow:0 30px 60px #0f172a4d}.estados-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;border-bottom:1px solid rgba(148,163,184,.15);background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:18px 18px 0 0}.estados-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.estados-modal-close{background:#ffffff26;border:none;font-size:1.5rem;color:#fff;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.estados-modal-close:hover{background:#ffffff40}.estados-modal-body{padding:1.75rem}.estados-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem;border-top:1px solid rgba(148,163,184,.15);background:#f8fafc99;border-radius:0 0 18px 18px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#334155;font-size:.95rem}.required{color:#dc2626;margin-left:.25rem}.form-group input[type=text],.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid rgba(148,163,184,.25);border-radius:10px;font-size:.95rem;color:#0f172a;transition:all .3s ease;background:#fffffffa}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#0982ed;box-shadow:0 0 0 4px #0982ed1f}.color-picker-container{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.color-input{width:60px;height:45px;border:2px solid rgba(148,163,184,.25);border-radius:10px;cursor:pointer;transition:all .2s ease}.color-input:hover{border-color:#0982ed}.color-text-input{font-family:Courier New,monospace;text-transform:uppercase}.color-preview{display:flex;align-items:center}.text-warning{color:#ea580c;font-size:.9rem;margin-top:.75rem}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.page-header h2{font-size:1.4rem}.header-actions{width:100%}.header-actions button{flex:1;justify-content:center}.table-scroll{padding:1rem}.estados-table{min-width:800px}.acciones-grid,.color-picker-container{grid-template-columns:1fr}.color-input{width:100%}}@media(max-width:480px){.page-header h2{font-size:1.2rem}.btn-primary,.btn-secondary,.btn-danger{padding:.6rem 1rem;font-size:.85rem}.estados-modal{max-width:95vw}.estados-modal-content{border-radius:14px}.estados-modal-header{padding:1.25rem;border-radius:14px 14px 0 0}.estados-modal-body{padding:1.25rem}.estados-modal-footer{padding:1.25rem;border-radius:0 0 14px 14px}.estados-modal-header h3{font-size:1.1rem}}.agenda-container{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.agenda-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.agenda-header-left{display:flex;align-items:center;gap:1rem}.agenda-header-left .header-icon{font-size:2.5rem;color:#3498db}.agenda-header h1{margin:0;font-size:1.8rem;color:#2c3e50;background:linear-gradient(135deg,#3498db,#2980b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.agenda-header p{margin:.3rem 0 0;color:#7f8c8d;font-size:.95rem}.btn-nuevo{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3498db4d}.btn-nuevo:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3498db66}.agenda-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border-left:4px solid #3498db}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.stat-card .stat-icon{font-size:2rem;color:#3498db}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.8rem;font-weight:700;color:#2c3e50}.stat-label{font-size:.85rem;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.stat-hoy{border-left-color:#f39c12}.stat-hoy .stat-icon{color:#f39c12}.stat-pendientes{border-left-color:#9b59b6}.stat-pendientes .stat-icon{color:#9b59b6}.stat-vencidos{border-left-color:#e74c3c}.stat-vencidos .stat-icon{color:#e74c3c}.stat-completados{border-left-color:#2ecc71}.stat-completados .stat-icon{color:#2ecc71}.agenda-filtros{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filtro-busqueda{position:relative;flex:1;min-width:250px}.filtro-busqueda .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#7f8c8d;font-size:1.2rem}.filtro-busqueda input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #ecf0f1;border-radius:8px;font-size:.95rem;transition:all .3s ease}.filtro-busqueda input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.filtros-select{display:flex;gap:1rem}.filtros-select select{padding:.75rem 1rem;border:2px solid #ecf0f1;border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .3s ease}.filtros-select select:focus{outline:none;border-color:#3498db}.filtro-contador{margin-left:auto;padding:.5rem 1rem;background:#ecf0f1;border-radius:20px;font-size:.85rem;font-weight:600;color:#34495e}.agenda-eventos{margin-top:2rem}.eventos-vacio{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.eventos-vacio svg{color:#bdc3c7;margin-bottom:1rem}.eventos-vacio h3{margin:1rem 0 .5rem;color:#34495e}.eventos-vacio p{color:#7f8c8d;margin-bottom:1.5rem}.btn-crear{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-crear:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.eventos-lista{display:grid;gap:1rem}.evento-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border-left:4px solid #3498db}.evento-card:hover{transform:translate(4px);box-shadow:0 4px 16px #0000001f}.evento-card.completado{opacity:.7;border-left-color:#2ecc71}.evento-card.vencido{border-left-color:#e74c3c;background:linear-gradient(to right,#fff5f5,#fff)}.evento-card.hoy{border-left-color:#f39c12;background:linear-gradient(to right,#fff9e6,#fff)}.evento-header{display:flex;gap:1rem;align-items:flex-start}.evento-check{flex-shrink:0}.btn-check{background:none;border:none;cursor:pointer;font-size:1.8rem;color:#bdc3c7;padding:0;transition:all .2s ease}.btn-check:hover{color:#3498db;transform:scale(1.1)}.btn-check.checked{color:#2ecc71}.evento-info{flex:1}.evento-info h3{margin:0 0 .5rem;font-size:1.2rem;color:#2c3e50}.evento-card.completado h3{text-decoration:line-through;color:#95a5a6}.evento-descripcion{margin:.5rem 0;color:#7f8c8d;font-size:.95rem;line-height:1.5}.evento-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;align-items:center}.meta-item{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:#7f8c8d}.meta-usuario{color:#34495e;font-weight:500}.meta-memo{color:#3498db;font-weight:500}.badge-tipo,.badge-prioridad{padding:.25rem .75rem;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;text-transform:capitalize}.alerta-vencido,.alerta-hoy{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600}.alerta-vencido{background:#fee;color:#e74c3c}.alerta-hoy{background:#fff9e6;color:#f39c12}.evento-acciones{display:flex;gap:.5rem;flex-shrink:0}.btn-icon{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;color:#7f8c8d;font-size:1.2rem}.btn-icon:hover{background:#ecf0f1}.btn-editar:hover{color:#3498db}.btn-eliminar:hover{color:#e74c3c;background:#fee}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease;padding:1rem}.modal-contenido{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #ecf0f1}.modal-header h2{margin:0;color:#2c3e50}.btn-cerrar{background:none;border:none;font-size:2rem;color:#7f8c8d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.btn-cerrar:hover{background:#ecf0f1;color:#e74c3c}.modal-body{padding:2rem;text-align:center}.icon-warning{color:#f39c12;margin-bottom:1rem}.evento-nombre{font-weight:600;color:#2c3e50;margin:.5rem 0}.text-muted{color:#7f8c8d;font-size:.9rem}.evento-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #ecf0f1;border-radius:8px;font-size:.95rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:2px solid #ecf0f1}.btn-cancelar{padding:.75rem 1.5rem;background:#ecf0f1;color:#34495e;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancelar:hover{background:#bdc3c7}.btn-guardar{padding:.75rem 1.5rem;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-guardar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2ecc714d}.btn-eliminar-confirmar{padding:.75rem 1.5rem;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-eliminar-confirmar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.agenda-cargando{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:50px;height:50px;border:4px solid #ecf0f1;border-top-color:#3498db;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.agenda-container{padding:1rem}.agenda-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-nuevo{width:100%;justify-content:center}.agenda-stats{grid-template-columns:1fr}.agenda-filtros{flex-direction:column;align-items:stretch}.filtro-busqueda{min-width:100%}.filtros-select{flex-direction:column}.filtro-contador{margin-left:0;text-align:center}.evento-header{flex-direction:column}.evento-acciones{width:100%;justify-content:flex-end}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.modal-contenido{max-width:100%;margin:1rem}}@media(max-width:480px){.agenda-header h1,.stat-value{font-size:1.5rem}.evento-meta{flex-direction:column;align-items:flex-start}}.badge-auditado{display:inline-flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #10b9814d}.evento-card.auditado{border-left:4px solid #10b981;background:linear-gradient(135deg,#10b9810d,#05966908)}.evento-card.auditado .evento-header:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 25px 25px 0;border-color:transparent #10b981 transparent transparent}.btn-auditar{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}.btn-auditar:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;transform:scale(1.1)}.btn-icon.btn-auditar{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;color:#fff}.btn-icon.btn-auditar:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);transform:scale(1.1)}.modal-auditar .modal-header{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.modal-auditar .modal-header h2{display:flex;align-items:center;gap:.5rem}.btn-auditar-confirmar{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-auditar-confirmar:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);transform:translateY(-2px);box-shadow:0 4px 12px #9b59b666}.comentario-auditoria{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#9b59b61a;border-left:3px solid #9b59b6;border-radius:4px;font-size:.85rem;color:#6c3483}.comentario-auditoria svg{flex-shrink:0;margin-top:2px}.info-nota{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;font-size:.85rem;color:#6c757d}.info-nota svg{flex-shrink:0;color:#9b59b6}.stat-card.stat-auditados{border-left-color:#9b59b6}.stat-card.stat-auditados .stat-icon{color:#9b59b6}.departamentos-page{display:flex;flex-direction:column;gap:1.75rem;padding:.5rem}.departamentos-page .page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 4px 15px #0000000d;border:1px solid #e2e8f0}.departamentos-page .header-title{display:flex;align-items:center;gap:.75rem}.departamentos-page .header-icon{font-size:1.75rem;color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:.6rem;border-radius:12px}.departamentos-page .header-title h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.departamentos-page .header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.departamentos-page .btn-refresh,.departamentos-page .btn-crear,.departamentos-page .btn-exportar{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.departamentos-page .btn-exportar{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 2px 8px #05966940}.departamentos-page .btn-exportar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #05966959}.departamentos-page .btn-exportar:disabled{opacity:.6;cursor:not-allowed}.departamentos-page .btn-refresh{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.departamentos-page .btn-refresh:hover{background:#e2e8f0;transform:translateY(-1px)}.departamentos-page .btn-crear{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.departamentos-page .btn-crear:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.departamentos-page .spin{animation:spin 1s linear infinite}.departamentos-page .mensaje{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-radius:12px;font-weight:500;animation:slideIn .3s ease}.departamentos-page .mensaje.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid #fecaca}.departamentos-page .mensaje.exito{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a;border:1px solid #bbf7d0}.departamentos-page .mensaje button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s}.departamentos-page .mensaje button:hover{opacity:1}.departamentos-page .tabla-container{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.departamentos-page .departamentos-table{width:100%;border-collapse:collapse;min-width:900px}.departamentos-page .departamentos-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb)}.departamentos-page .departamentos-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;font-size:.85rem;color:#fff;text-transform:uppercase;letter-spacing:.5px}.departamentos-page .departamentos-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s ease}.departamentos-page .departamentos-table tbody tr:hover{background:#f8fafc}.departamentos-page .departamentos-table td{padding:1rem 1.25rem;color:#334155;font-size:.9rem}.departamentos-page .td-id{font-weight:700;color:#64748b;width:60px}.departamentos-page .td-codigo{width:100px}.departamentos-page .codigo-badge{display:inline-block;padding:.35rem .75rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-radius:6px;font-weight:600;font-size:.8rem;font-family:monospace;letter-spacing:.5px}.departamentos-page .td-nombre{font-weight:600;color:#1e293b}.departamentos-page .td-descripcion{color:#64748b;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.departamentos-page .td-correlativo{width:100px}.departamentos-page .correlativo-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border-radius:6px;font-weight:600;font-size:.85rem}.departamentos-page .td-estado{width:100px}.departamentos-page .estado-badge{display:inline-block;padding:.4rem .9rem;border-radius:20px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.3px}.departamentos-page .estado-badge.activo{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.departamentos-page .estado-badge.inactivo{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.departamentos-page .td-acciones{width:100px}.departamentos-page .acciones-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.departamentos-page .accion-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1rem}.departamentos-page .accion-btn.editar{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.departamentos-page .accion-btn.editar:hover{transform:scale(1.1);box-shadow:0 4px 12px #d977064d}.departamentos-page .accion-btn.enviar-memo{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.departamentos-page .accion-btn.enviar-memo:hover{transform:scale(1.1);box-shadow:0 4px 12px #2563eb4d}.departamentos-page .accion-btn.eliminar{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.departamentos-page .accion-btn.eliminar:hover{transform:scale(1.1);box-shadow:0 4px 12px #dc26264d}.departamentos-page .loading-state,.departamentos-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b}.departamentos-page .spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.departamentos-page .empty-state svg{color:#cbd5e1;margin-bottom:1rem}.departamentos-page .empty-state h3{margin:0 0 .5rem;color:#475569;font-size:1.25rem}.departamentos-page .empty-state p{margin:0 0 1.5rem;color:#94a3b8}.departamentos-page .modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9998;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.departamentos-page .modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.departamentos-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px 20px 0 0}.departamentos-page .modal-header.eliminar{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.departamentos-page .modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b}.departamentos-page .modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.departamentos-page .modal-close:hover{background:#f1f5f9;color:#1e293b;transform:rotate(90deg)}.departamentos-page .modal-form{padding:1.5rem}.departamentos-page .form-group{margin-bottom:1.25rem}.departamentos-page .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#334155;font-size:.9rem}.departamentos-page .form-group input[type=text],.departamentos-page .form-group input[type=number],.departamentos-page .form-group textarea{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#1e293b;transition:all .2s ease;background:#f8fafc}.departamentos-page .form-group input:focus,.departamentos-page .form-group textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.departamentos-page .form-group small{display:block;margin-top:.35rem;font-size:.8rem;color:#94a3b8}.departamentos-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}.departamentos-page .checkbox-group{display:flex;align-items:center}.departamentos-page .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.departamentos-page .checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.departamentos-page .checkbox-custom{width:24px;height:24px;border:2px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#f8fafc}.departamentos-page .checkbox-label input:checked+.checkbox-custom{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.departamentos-page .checkbox-label input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-weight:700;font-size:.9rem}.departamentos-page .modal-eliminar{max-width:450px}.departamentos-page .modal-body{padding:2rem 1.5rem;text-align:center}.departamentos-page .eliminar-icon{width:70px;height:70px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem}.departamentos-page .modal-body p{color:#475569;font-size:1rem;line-height:1.6;margin:0 0 1rem}.departamentos-page .modal-body strong{color:#1e293b}.departamentos-page .warning-text{font-size:.9rem;color:#d97706;background:#fef3c7;padding:.75rem 1rem;border-radius:8px;border:1px solid #fde68a}.departamentos-page .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 20px 20px}.departamentos-page .btn-cancelar,.departamentos-page .btn-guardar,.departamentos-page .btn-eliminar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.departamentos-page .btn-cancelar{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.departamentos-page .btn-cancelar:hover{background:#e2e8f0}.departamentos-page .btn-guardar{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.departamentos-page .btn-guardar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.departamentos-page .btn-eliminar{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #dc26264d}.departamentos-page .btn-eliminar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.departamentos-page .btn-guardar:disabled,.departamentos-page .btn-eliminar:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.departamentos-page .page-header{flex-direction:column;align-items:stretch;text-align:center}.departamentos-page .header-title,.departamentos-page .header-actions{justify-content:center}.departamentos-page .tabla-container{overflow-x:auto}.departamentos-page .departamentos-table{min-width:900px}.departamentos-page .modal{max-width:100%;margin:.5rem}.departamentos-page .form-row{grid-template-columns:1fr}}@media(max-width:480px){.departamentos-page{gap:1rem;padding:.25rem}.departamentos-page .page-header{padding:1rem}.departamentos-page .header-title h1{font-size:1.25rem}.departamentos-page .btn-refresh,.departamentos-page .btn-crear{padding:.6rem 1rem;font-size:.85rem}}.deptos-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem}.deptos-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-height:90vh;overflow-y:auto;z-index:100000}.deptos-modal-form{max-width:540px}.deptos-modal-eliminar{max-width:450px}.deptos-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px 20px 0 0}.deptos-modal-header.eliminar{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.deptos-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b}.deptos-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.deptos-modal-close:hover{background:#f1f5f9;color:#1e293b;transform:rotate(90deg)}.deptos-modal-body{padding:1.5rem}.deptos-modal-body .form-group{margin-bottom:1.25rem}.deptos-modal-body .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#334155;font-size:.9rem}.deptos-modal-body .form-group input[type=text],.deptos-modal-body .form-group input[type=number],.deptos-modal-body .form-group textarea{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#1e293b;transition:all .2s ease;background:#f8fafc;box-sizing:border-box}.deptos-modal-body .form-group input:focus,.deptos-modal-body .form-group textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.deptos-modal-body .form-group small{display:block;margin-top:.35rem;font-size:.8rem;color:#94a3b8}.deptos-modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}.deptos-modal-body .checkbox-group{display:flex;align-items:center}.deptos-modal-body .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;color:#334155}.deptos-modal-body .checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.deptos-modal-body .checkbox-custom{width:24px;height:24px;border:2px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#f8fafc}.deptos-modal-body .checkbox-label input:checked+.checkbox-custom{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.deptos-modal-body .checkbox-label input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-weight:700;font-size:.9rem}.deptos-modal-body-eliminar{padding:2rem 1.5rem;text-align:center}.deptos-modal-body-eliminar .eliminar-icon{width:70px;height:70px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem}.deptos-modal-body-eliminar p{color:#475569;font-size:1rem;line-height:1.6;margin:0 0 1rem}.deptos-modal-body-eliminar strong{color:#1e293b}.deptos-modal-body-eliminar .warning-text{font-size:.9rem;color:#d97706;background:#fef3c7;padding:.75rem 1rem;border-radius:8px;border:1px solid #fde68a}.deptos-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 20px 20px}.deptos-modal-actions .btn-cancelar,.deptos-modal-actions .btn-guardar,.deptos-modal-actions .btn-eliminar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.deptos-modal-actions .btn-cancelar{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.deptos-modal-actions .btn-cancelar:hover{background:#e2e8f0}.deptos-modal-actions .btn-guardar{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.deptos-modal-actions .btn-guardar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.deptos-modal-actions .btn-eliminar{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #dc26264d}.deptos-modal-actions .btn-eliminar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.deptos-modal-actions .btn-guardar:disabled,.deptos-modal-actions .btn-eliminar:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.deptos-modal{max-width:100%;margin:.5rem}.deptos-modal-body .form-row{grid-template-columns:1fr}}@media(max-width:480px){.deptos-modal-header,.deptos-modal-body,.deptos-modal-actions{padding:1rem}}.reportes-page{padding:1.5rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.page-header h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.subtitle{color:#6b7280;font-size:.938rem;margin:0}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.938rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.btn-secondary svg{width:18px;height:18px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.error-state p{color:#6b7280;font-size:1rem;margin:0}.error-state .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.938rem;font-weight:500;cursor:pointer;transition:transform .2s}.error-state .btn-primary:hover{transform:translateY(-2px)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{display:flex;align-items:center;gap:1rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.kpi-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.75rem;flex-shrink:0}.kpi-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.kpi-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.kpi-icon.orange{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#ea580c}.kpi-icon.purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#7c3aed}.kpi-content{flex:1}.kpi-content h3{font-size:.875rem;font-weight:600;color:#6b7280;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:2rem;font-weight:700;color:#1f2937;margin:0;line-height:1}.kpi-label{font-size:.813rem;color:#9ca3af;margin-top:.25rem;display:block}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.chart-card:hover{box-shadow:0 4px 12px #00000026}.chart-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.chart-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.chart-header p{font-size:.875rem;color:#6b7280;margin:0}.chart-container{min-height:300px;display:flex;align-items:center;justify-content:center}.empty-chart{color:#9ca3af;font-size:.938rem;font-style:italic;text-align:center;padding:2rem}.css-bar-chart{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0;width:100%}.bar-row{display:flex;align-items:center;gap:1rem}.bar-label{flex:0 0 120px;font-size:.875rem;font-weight:500;color:#374151;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-wrapper{flex:1;height:28px;background:#f3f4f6;border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .5s ease-out;min-width:4px}.bar-value{flex:0 0 80px;font-size:.875rem;font-weight:600;color:#1f2937;text-align:left}.tendencia-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;padding:1rem 0}.tendencia-item{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #bae6fd;transition:all .3s ease}.tendencia-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #3b82f626}.tendencia-mes{font-size:.813rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.tendencia-valor{font-size:2rem;font-weight:700;color:#3b82f6;line-height:1}.tendencia-label{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.top-usuarios-list{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.usuario-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;transition:all .2s}.usuario-item:hover{background:#f3f4f6;transform:translate(4px)}.usuario-rank{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;font-size:1rem;border-radius:50%;flex-shrink:0}.usuario-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.usuario-nombre{font-size:.938rem;font-weight:600;color:#1f2937}.usuario-depto{font-size:.813rem;color:#6b7280}.usuario-count{display:flex;flex-direction:column;align-items:flex-end;font-size:1.5rem;font-weight:700;color:#3b82f6;line-height:1}.count-label{font-size:.75rem;font-weight:400;color:#6b7280;margin-top:.25rem}@media(max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.reportes-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header h2{font-size:1.5rem}.btn-secondary{width:100%;justify-content:center}.kpi-grid{grid-template-columns:1fr;gap:1rem}.kpi-card{padding:1.25rem}.kpi-icon{width:50px;height:50px;font-size:1.5rem}.kpi-value{font-size:1.75rem}.charts-grid{grid-template-columns:1fr;gap:1rem}.chart-card{padding:1.25rem}.chart-header h3{font-size:1.125rem}.chart-container{min-height:250px}.usuario-item{padding:.875rem}.usuario-rank{width:32px;height:32px;font-size:.875rem}.usuario-count{font-size:1.25rem}}@media(max-width:480px){.kpi-card{flex-direction:column;text-align:center}.kpi-content{display:flex;flex-direction:column;align-items:center}}.recharts-wrapper{margin:0 auto}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:.75rem!important;box-shadow:0 4px 6px #0000001a!important}.recharts-tooltip-label{font-weight:600!important;color:#1f2937!important;margin-bottom:.5rem!important}.recharts-tooltip-item{color:#3b82f6!important;font-size:.875rem!important}.recharts-bar,.recharts-line,.recharts-pie-sector{transition:all .3s ease}.header-actions{display:flex;gap:.75rem;align-items:center}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;font-size:.938rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f659}.btn-primary svg,.btn-secondary svg{width:18px;height:18px}.custom-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 12px #00000026}.tooltip-label{font-weight:600;color:#1f2937;margin:0 0 .25rem;font-size:.875rem}.tooltip-value{color:#3b82f6;font-size:1rem;font-weight:700;margin:0}.reporte-contenido{background:#f8fafc;padding:1rem;border-radius:12px}.reporte-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb;text-align:center}.reporte-footer p{margin:.25rem 0;color:#6b7280;font-size:.813rem}.reporte-footer p:first-child{font-weight:600;color:#3b82f6}.chart-pie .recharts-pie-label-text{font-size:11px;fill:#374151}.usuario-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;font-size:.875rem;flex-shrink:0}@media(max-width:640px){.header-actions{flex-direction:column;width:100%}.header-actions .btn-primary,.header-actions .btn-secondary{width:100%;justify-content:center}.page-header{flex-direction:column;gap:1rem;text-align:center}.reporte-contenido{padding:.5rem}}@media print{.header-actions{display:none}.reportes-page{padding:0}.reporte-contenido{background:#fff}}.usuarios-page{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem}.usuarios-page .page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 4px 15px #0000000d;border:1px solid #e2e8f0}.usuarios-page .header-title{display:flex;align-items:center;gap:.75rem}.usuarios-page .header-icon{font-size:1.75rem;color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:.6rem;border-radius:12px}.usuarios-page .header-title h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.usuarios-page .header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.usuarios-page .btn-refresh,.usuarios-page .btn-crear,.usuarios-page .btn-exportar{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.usuarios-page .btn-exportar{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 2px 8px #05966940}.usuarios-page .btn-exportar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #05966959}.usuarios-page .btn-exportar:disabled{opacity:.6;cursor:not-allowed}.usuarios-page .btn-refresh{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.usuarios-page .btn-refresh:hover{background:#e2e8f0;transform:translateY(-1px)}.usuarios-page .btn-crear{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.usuarios-page .btn-crear:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.usuarios-page .spin{animation:spin 1s linear infinite}.usuarios-page .filtros-container{display:flex;flex-wrap:wrap;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.usuarios-page .filtro-grupo{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:180px}.usuarios-page .filtro-grupo label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.usuarios-page .filtro-grupo select,.usuarios-page .filtro-busqueda{padding:.65rem .9rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#334155;background:#f8fafc;transition:all .2s ease}.usuarios-page .filtro-grupo select:focus,.usuarios-page .filtro-busqueda:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.usuarios-page .resultados-info{padding:.75rem 1rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:8px;font-size:.9rem;font-weight:600;color:#2563eb;border-left:3px solid #3b82f6}.usuarios-page .mensaje{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-radius:12px;font-weight:500;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.usuarios-page .mensaje.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid #fecaca}.usuarios-page .mensaje.exito{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a;border:1px solid #bbf7d0}.usuarios-page .mensaje button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s}.usuarios-page .mensaje button:hover{opacity:1}.usuarios-page .tabla-container{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.usuarios-page .usuarios-table{width:100%;border-collapse:collapse;min-width:1000px}.usuarios-page .usuarios-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb)}.usuarios-page .usuarios-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;font-size:.85rem;color:#fff;text-transform:uppercase;letter-spacing:.5px}.usuarios-page .usuarios-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s ease}.usuarios-page .usuarios-table tbody tr:hover{background:#f8fafc}.usuarios-page .usuarios-table td{padding:1rem 1.25rem;color:#334155;font-size:.9rem}.usuarios-page .td-id{font-weight:700;color:#64748b;width:60px}.usuarios-page .td-usuario{width:150px}.usuarios-page .usuario-info{display:flex;align-items:center;gap:.5rem}.usuarios-page .usuario-icon{color:#3b82f6;font-size:1rem}.usuarios-page .td-nombre{font-weight:600;color:#1e293b}.usuarios-page .td-email{color:#64748b}.usuarios-page .email-info{display:flex;align-items:center;gap:.5rem}.usuarios-page .email-icon{color:#94a3b8;font-size:.9rem}.usuarios-page .td-rol{width:150px}.usuarios-page .rol-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:20px;font-weight:600;font-size:.8rem;color:#fff;text-transform:uppercase;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.usuarios-page .td-depto{color:#64748b}.usuarios-page .td-estado{width:100px}.usuarios-page .estado-badge{display:inline-block;padding:.4rem .9rem;border-radius:20px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.3px}.usuarios-page .estado-badge.activo{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.usuarios-page .estado-badge.inactivo{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.usuarios-page .td-acciones{width:100px}.usuarios-page .acciones-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.usuarios-page .accion-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1rem}.usuarios-page .accion-btn.editar{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.usuarios-page .accion-btn.editar:hover{transform:scale(1.1);box-shadow:0 4px 12px #d977064d}.usuarios-page .accion-btn.enviar-memo{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.usuarios-page .accion-btn.enviar-memo:hover{transform:scale(1.1);box-shadow:0 4px 12px #2563eb4d}.usuarios-page .accion-btn.eliminar{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.usuarios-page .accion-btn.eliminar:hover{transform:scale(1.1);box-shadow:0 4px 12px #dc26264d}.usuarios-page .loading-state,.usuarios-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b}.usuarios-page .spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.usuarios-page .empty-state svg{color:#cbd5e1;margin-bottom:1rem}.usuarios-page .empty-state h3{margin:0 0 .5rem;color:#475569;font-size:1.25rem}.usuarios-page .empty-state p{margin:0 0 1.5rem;color:#94a3b8}.usuarios-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem}.usuarios-modal{position:relative;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;z-index:100000}.usuarios-modal-form{max-width:700px}.usuarios-modal-eliminar{max-width:450px}.usuarios-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px 20px 0 0}.usuarios-modal-header.eliminar{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.usuarios-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b}.usuarios-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.usuarios-modal-close:hover{background:#f1f5f9;color:#1e293b;transform:rotate(90deg)}.usuarios-modal-body{padding:1.5rem}.usuarios-modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.usuarios-modal-body .form-group{margin-bottom:1.25rem}.usuarios-modal-body .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#334155;font-size:.9rem}.usuarios-modal-body .form-group input[type=text],.usuarios-modal-body .form-group input[type=email],.usuarios-modal-body .form-group input[type=password],.usuarios-modal-body .form-group select{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#1e293b;transition:all .2s ease;background:#f8fafc;box-sizing:border-box}.usuarios-modal-body .form-group input:focus,.usuarios-modal-body .form-group select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.usuarios-modal-body .password-input-container{position:relative;display:flex;align-items:center}.usuarios-modal-body .password-input-container input{padding-right:3rem}.usuarios-modal-body .password-toggle{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.usuarios-modal-body .password-toggle:hover{background:#f1f5f9;color:#3b82f6}.usuarios-modal-body .checkbox-group{display:flex;align-items:center;margin-top:.5rem}.usuarios-modal-body .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;color:#334155}.usuarios-modal-body .checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.usuarios-modal-body .checkbox-custom{width:24px;height:24px;border:2px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#f8fafc}.usuarios-modal-body .checkbox-label input:checked+.checkbox-custom{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.usuarios-modal-body .checkbox-label input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-weight:700;font-size:.9rem}.usuarios-modal-body .eliminar-icon{width:70px;height:70px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem}.usuarios-modal-body p{color:#475569;font-size:1rem;line-height:1.6;margin:0 0 1rem;text-align:center}.usuarios-modal-body strong{color:#1e293b}.usuarios-modal-body .warning-text{font-size:.9rem;color:#d97706;background:#fef3c7;padding:.75rem 1rem;border-radius:8px;border:1px solid #fde68a}.usuarios-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 20px 20px}.usuarios-modal-actions .btn-cancelar,.usuarios-modal-actions .btn-guardar,.usuarios-modal-actions .btn-eliminar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.usuarios-modal-actions .btn-cancelar{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.usuarios-modal-actions .btn-cancelar:hover{background:#e2e8f0}.usuarios-modal-actions .btn-guardar{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.usuarios-modal-actions .btn-guardar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.usuarios-modal-actions .btn-eliminar{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #dc26264d}.usuarios-modal-actions .btn-eliminar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.usuarios-modal-actions .btn-guardar:disabled,.usuarios-modal-actions .btn-eliminar:disabled{opacity:.6;cursor:not-allowed;transform:none}.usuarios-modal-body .firma-sello-section{margin-top:1rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.usuarios-modal-body .section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#334155}.usuarios-modal-body .section-title svg{color:#3b82f6}.usuarios-modal-body .section-hint{margin:0 0 1rem;font-size:.85rem;color:#64748b;text-align:left}.usuarios-modal-body .file-upload-container{min-height:120px;display:flex;align-items:center;justify-content:center}.usuarios-modal-body .file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:120px;padding:1.5rem;border:2px dashed #cbd5e1;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;color:#64748b}.usuarios-modal-body .file-upload-label:hover{border-color:#3b82f6;background:#faf5ff;color:#3b82f6}.usuarios-modal-body .file-upload-label svg{font-size:2rem}.usuarios-modal-body .file-upload-label span{font-weight:500;font-size:.9rem}.usuarios-modal-body .file-input-hidden{display:none}.usuarios-modal-body .file-preview{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.usuarios-modal-body .file-preview img{max-width:150px;max-height:100px;object-fit:contain;border-radius:8px;border:2px solid #e2e8f0;background:#fff;padding:.5rem}.usuarios-modal-body .btn-remove-file{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #fca5a5;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.usuarios-modal-body .btn-remove-file:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px)}@media(max-width:768px){.usuarios-modal{max-width:95%;margin:.5rem}.usuarios-modal-body .form-row{grid-template-columns:1fr}}.usuarios-page .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem}.usuarios-page .modal{position:relative;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;z-index:100000}.usuarios-page .modal-usuario{max-width:700px}.usuarios-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px 20px 0 0}.usuarios-page .modal-header.eliminar{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.usuarios-page .modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b}.usuarios-page .modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.usuarios-page .modal-close:hover{background:#f1f5f9;color:#1e293b;transform:rotate(90deg)}.usuarios-page .modal-form{padding:1.5rem}.usuarios-page .form-group{margin-bottom:1.25rem}.usuarios-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.usuarios-page .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#334155;font-size:.9rem}.usuarios-page .form-group input[type=text],.usuarios-page .form-group input[type=email],.usuarios-page .form-group input[type=password],.usuarios-page .form-group select{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#1e293b;transition:all .2s ease;background:#f8fafc}.usuarios-page .form-group input:focus,.usuarios-page .form-group select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.usuarios-page .password-input-container{position:relative;display:flex;align-items:center}.usuarios-page .password-input-container input{padding-right:3rem}.usuarios-page .password-toggle{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.usuarios-page .password-toggle:hover{background:#f1f5f9;color:#3b82f6}.usuarios-page .checkbox-group{display:flex;align-items:center;margin-top:.5rem}.usuarios-page .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;color:#334155}.usuarios-page .checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.usuarios-page .checkbox-custom{width:24px;height:24px;border:2px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#f8fafc}.usuarios-page .checkbox-label input:checked+.checkbox-custom{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.usuarios-page .checkbox-label input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-weight:700;font-size:.9rem}.usuarios-page .modal-eliminar{max-width:450px}.usuarios-page .modal-body{padding:2rem 1.5rem;text-align:center}.usuarios-page .eliminar-icon{width:70px;height:70px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem}.usuarios-page .modal-body p{color:#475569;font-size:1rem;line-height:1.6;margin:0 0 1rem}.usuarios-page .modal-body strong{color:#1e293b}.usuarios-page .warning-text{font-size:.9rem;color:#d97706;background:#fef3c7;padding:.75rem 1rem;border-radius:8px;border:1px solid #fde68a}.usuarios-page .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 20px 20px}.usuarios-page .btn-cancelar,.usuarios-page .btn-guardar,.usuarios-page .btn-eliminar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.usuarios-page .btn-cancelar{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.usuarios-page .btn-cancelar:hover{background:#e2e8f0}.usuarios-page .btn-guardar{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.usuarios-page .btn-guardar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.usuarios-page .btn-eliminar{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #dc26264d}.usuarios-page .btn-eliminar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.usuarios-page .btn-guardar:disabled,.usuarios-page .btn-eliminar:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.usuarios-page .page-header{flex-direction:column;align-items:stretch;text-align:center}.usuarios-page .header-title,.usuarios-page .header-actions{justify-content:center}.usuarios-page .filtros-container{flex-direction:column}.usuarios-page .filtro-grupo{min-width:100%}.usuarios-page .tabla-container{overflow-x:auto}.usuarios-page .usuarios-table{min-width:1000px}.usuarios-page .modal{max-width:100%;margin:.5rem}.usuarios-page .form-row{grid-template-columns:1fr}}@media(max-width:480px){.usuarios-page{gap:1rem;padding:.25rem}.usuarios-page .page-header{padding:1rem}.usuarios-page .header-title h1{font-size:1.25rem}.usuarios-page .btn-refresh,.usuarios-page .btn-crear{padding:.6rem 1rem;font-size:.85rem}.usuarios-page .filtros-container,.usuarios-page .modal-header,.usuarios-page .modal-form,.usuarios-page .modal-actions{padding:1rem}}.usuarios-page .firma-sello-section{margin-top:1rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.usuarios-page .section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#334155}.usuarios-page .section-title svg{color:#3b82f6}.usuarios-page .section-hint{margin:0 0 1rem;font-size:.85rem;color:#64748b}.usuarios-page .file-upload-container{min-height:120px;display:flex;align-items:center;justify-content:center}.usuarios-page .file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:120px;padding:1.5rem;border:2px dashed #cbd5e1;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;color:#64748b}.usuarios-page .file-upload-label:hover{border-color:#3b82f6;background:#faf5ff;color:#3b82f6}.usuarios-page .file-upload-label svg{font-size:2rem}.usuarios-page .file-upload-label span{font-weight:500;font-size:.9rem}.usuarios-page .file-input-hidden{display:none}.usuarios-page .file-preview{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.usuarios-page .file-preview img{max-width:150px;max-height:100px;object-fit:contain;border-radius:8px;border:2px solid #e2e8f0;background:#fff;padding:.5rem}.usuarios-page .btn-remove-file{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #fca5a5;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.usuarios-page .btn-remove-file:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px)}@media(max-width:768px){.usuarios-page .firma-sello-section .form-row{grid-template-columns:1fr}}.usuarios-modal-body .ayudara-section{margin-top:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.usuarios-modal-body .ayudara-section .section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#1e3a5f}.usuarios-modal-body .ayudara-section .section-hint{margin:0 0 1rem;font-size:.85rem;color:#64748b}.usuarios-modal-body .ayudara-section .form-group{margin-bottom:0}.usuarios-modal-body .ayudara-section .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#334155;font-size:.9rem}.usuarios-modal-body .ayudara-section .select-ayudara{width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#1e293b;background:#fff;transition:all .2s ease;cursor:pointer}.usuarios-modal-body .ayudara-section .select-ayudara:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.usuarios-modal-body .ayudara-section .form-group small{display:block;margin-top:.5rem;font-size:.8rem;color:#94a3b8}.usuarios-modal-body .ayudara-section .no-superiores-msg{padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;color:#92400e;font-size:.9rem;text-align:center}.colaborador-container{padding:24px;max-width:1400px;margin:0 auto}.colaborador-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.colaborador-header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0}.btn-nuevo{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.btn-nuevo:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.memo-form-container{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 12px #00000014;margin-bottom:24px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.form-header h2{font-size:22px;font-weight:600;color:#1a1a1a;margin:0}.btn-cerrar{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-cerrar:hover{background:#f5f5f5;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group-checkbox{margin-bottom:24px}.form-group-checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333}.form-group-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:2px solid #f0f0f0}.btn-cancelar,.btn-guardar{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancelar{background:#f5f5f5;color:#666}.btn-guardar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-guardar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.memos-list{margin-top:24px}.empty-state p{font-size:16px;color:#999;margin-bottom:24px}.memos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.memo-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .3s;border:1px solid #f0f0f0}.memo-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.memo-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.estado-borrador{background:#fff3cd;color:#856404}.estado-devuelto{background:#f8d7da;color:#721c24}.memo-fecha{font-size:13px;color:#999}.memo-card h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 12px;line-height:1.4}.memo-info{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.memo-info p{font-size:13px;color:#666;margin:6px 0}.memo-info strong{color:#333;font-weight:500}.memo-devolucion{background:#fff3cd;border-left:4px solid #ffc107;padding:12px;margin-bottom:16px;border-radius:4px}.memo-devolucion strong{display:block;font-size:13px;color:#856404;margin-bottom:6px}.memo-devolucion p{font-size:13px;color:#856404;margin:0}.memo-actions{display:flex;gap:8px}.btn-editar,.btn-enviar{flex:1;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-editar{background:#f5f5f5;color:#666}.btn-editar:hover{background:#e0e0e0;color:#333}.btn-enviar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-enviar:hover{transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}@media(max-width:768px){.colaborador-header{flex-direction:column;gap:16px;align-items:stretch}.form-row,.memos-grid{grid-template-columns:1fr}.memo-form-container{padding:20px}}.aprobaciones-container{padding:24px;max-width:1600px;margin:0 auto}.aprobaciones-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.aprobaciones-header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0}.btn-ver,.btn-pdf,.btn-aprobar,.btn-devolver{padding:6px 12px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.btn-pdf{background:#fff3e0;color:#e65100}.btn-pdf:hover{background:#ffe0b2}.btn-aprobar{background:#c8e6c9;color:#2e7d32}.btn-aprobar:hover{background:#a5d6a7}.btn-devolver{background:#ffccbc;color:#d84315}.btn-devolver:hover{background:#ffab91}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-accion{max-width:500px}.detail-row{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #f0f0f0}.historial-section{margin-top:24px;padding-top:24px;border-top:2px solid #f0f0f0}.historial-section h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.historial-list{display:flex;flex-direction:column;gap:12px}.btn-aprobar:disabled,.btn-devolver:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.memos-table-container{overflow-x:auto}.memos-table{min-width:900px}}@media(max-width:768px){.aprobaciones-container{padding:16px}.aprobaciones-header h1{font-size:22px}.modal-content{margin:20px;max-height:85vh}.detail-row{grid-template-columns:1fr;gap:4px}.action-buttons,.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.auditoria-container{padding:24px;max-width:1600px;margin:0 auto}.auditoria-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.auditoria-header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin:0}.contador-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.empty-state p{font-size:16px;color:#999}.estado-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.estado-recibido{background:#e1f5fe;color:#01579b}.estado-auditado{background:#e8f5e9;color:#2e7d32}.memos-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.memos-table{width:100%;border-collapse:collapse}.memos-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.memos-table thead th{padding:16px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.memos-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.memos-table tbody tr:hover{background-color:#f8f9fa}.memos-table tbody tr:last-child{border-bottom:none}.memos-table tbody td{padding:16px;font-size:14px;color:#333}.correlativo{display:inline-block;padding:4px 12px;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:12px;font-weight:600}.asunto-cell{display:flex;align-items:center;gap:8px}.asunto-text{flex:1;font-weight:500}.badge-confidencial{display:inline-block;padding:2px 8px;background:#fff3cd;color:#856404;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase}.action-buttons{display:flex;gap:8px}.btn-ver,.btn-auditar{padding:6px 12px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.btn-ver{background:#e3f2fd;color:#1976d2}.btn-ver:hover{background:#bbdefb}.btn-auditar{background:#e8f5e9;color:#2e7d32}.btn-auditar:hover{background:#c8e6c9}.btn-auditar:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-auditoria{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #f0f0f0}.modal-header h2{font-size:22px;font-weight:600;color:#1a1a1a;margin:0}.btn-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-close:hover{background:#f5f5f5;color:#333}.modal-body{padding:24px;overflow-y:auto;flex:1}.memo-detail{margin-bottom:24px}.detail-row{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #f0f0f0;align-items:center}.detail-row strong{color:#666;font-weight:600}.detail-full{padding:16px 0;border-bottom:1px solid #f0f0f0}.detail-full strong{display:block;margin-bottom:8px;color:#666;font-weight:600}.memo-cuerpo,.memo-nota{background:#f8f9fa;padding:16px;border-radius:8px;line-height:1.6;color:#333;white-space:pre-wrap}.memo-nota{background:#fff3cd}.historial-section,.auditorias-section{margin-top:24px;padding-top:24px;border-top:2px solid #f0f0f0}.historial-section h3,.auditorias-section h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.historial-list,.auditorias-list{display:flex;flex-direction:column;gap:12px}.historial-item{display:flex;gap:16px;padding:12px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.historial-date{font-size:12px;color:#999;white-space:nowrap}.historial-content{flex:1}.historial-content strong{color:#333;font-weight:600}.historial-content p{margin:4px 0 0;color:#666;font-size:13px}.auditoria-item{padding:16px;background:#e8f5e9;border-radius:8px;border-left:4px solid #2e7d32}.auditoria-header-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.auditoria-header-item strong{color:#1b5e20;font-weight:600}.auditoria-fecha{font-size:12px;color:#4caf50}.auditoria-observaciones{margin:8px 0;color:#2e7d32;font-size:14px}.checklist-display{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:12px}.checklist-item-display{display:flex;align-items:center;gap:6px;font-size:13px;color:#2e7d32}.check-yes{color:#2e7d32;font-weight:700}.check-no{color:#d32f2f;font-weight:700}.checklist-section{margin:24px 0;padding:20px;background:#f8f9fa;border-radius:8px}.checklist-section h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.checklist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.checklist-item{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;border:2px solid transparent}.checklist-item:hover{border-color:#667eea}.checklist-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.checklist-item span{font-size:14px;color:#333;font-weight:500}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s;resize:vertical}.form-group textarea:focus{outline:none;border-color:#667eea}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:2px solid #f0f0f0}.btn-cancelar{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;background:#f5f5f5;color:#666}.btn-cancelar:hover{background:#e0e0e0;color:#333}.btn-cancelar:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.memos-table-container{overflow-x:auto}.memos-table{min-width:1000px}}@media(max-width:768px){.auditoria-container{padding:16px}.auditoria-header h1{font-size:22px}.modal-content{margin:20px;max-height:85vh}.detail-row{grid-template-columns:1fr;gap:4px}.checklist-grid,.checklist-display{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.filtros-panel{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.filtros-grid input,.filtros-grid select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.filtros-grid input:focus,.filtros-grid select:focus{outline:none;border-color:#667eea}.filtros-buttons{display:flex;gap:12px;justify-content:flex-end}.btn-aplicar{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-aplicar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-limpiar{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #ddd;background:#fff;color:#666}.btn-limpiar:hover{background:#f5f5f5;border-color:#bbb}.timeline-container{background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 2px 12px #00000014}.timeline-item{display:flex;gap:24px;position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;min-width:40px}.timeline-dot{width:16px;height:16px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #00000026;flex-shrink:0}.timeline-line{width:2px;flex-grow:1;background:linear-gradient(180deg,#e0e0e0,#f5f5f5);margin:8px 0}.timeline-content{flex:1;padding-bottom:32px}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.accion-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;text-transform:capitalize;letter-spacing:.3px}.timeline-fecha{font-size:13px;color:#999;font-weight:500}.timeline-body{background:#f9fafb;border-radius:8px;padding:16px;border-left:3px solid #e0e0e0}.timeline-info{margin-bottom:8px}.timeline-info strong{color:#1a1a1a;font-size:15px}.timeline-rol{color:#666;font-size:13px;margin-left:6px}.timeline-memo{font-size:14px;color:#555;margin-bottom:8px}.timeline-memo strong{color:#667eea;font-weight:600}.timeline-detalles{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.timeline-detalles p{margin:0;font-size:14px;color:#666;line-height:1.6}.accion-crear,.timeline-dot.accion-crear{background:#4caf50;color:#fff}.accion-editar,.timeline-dot.accion-editar{background:#2196f3;color:#fff}.accion-eliminar,.timeline-dot.accion-eliminar{background:#f44336;color:#fff}.accion-enviar,.timeline-dot.accion-enviar{background:#9c27b0;color:#fff}.accion-aprobar,.timeline-dot.accion-aprobar{background:#8bc34a;color:#fff}.accion-rechazar,.timeline-dot.accion-rechazar{background:#ff5722;color:#fff}.accion-firmar,.timeline-dot.accion-firmar{background:#00bcd4;color:#fff}.accion-anular,.timeline-dot.accion-anular{background:#795548;color:#fff}.accion-default,.timeline-dot.accion-default{background:#9e9e9e;color:#fff}@media(max-width:768px){.timeline-container{padding:20px 16px}.timeline-item{gap:16px}.timeline-marker{min-width:30px}.timeline-dot{width:12px;height:12px}.timeline-header{flex-direction:column;align-items:flex-start}.timeline-body{padding:12px}.filtros-grid{grid-template-columns:1fr}.filtros-buttons{flex-direction:column}.filtros-buttons button{width:100%}}.memos-recibidos-container{padding:2rem;background:#fffffff2;border-radius:20px;border:1px solid rgba(148,163,184,.18);box-shadow:0 26px 55px #0f172a2e;min-height:500px}.memos-recibidos-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(148,163,184,.15)}.memos-recibidos-header h1{margin:0 0 .5rem;font-size:2rem;color:#0f172a}.memos-recibidos-header p{margin:0;color:#64748b;font-size:1rem}.search-bar{position:relative;margin-bottom:1.5rem;max-width:600px}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;border:2px solid #e2e8f0;border-radius:10px;outline:none;transition:all .2s ease;background:#fff}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#94a3b8}.btn-clear-search{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;font-size:1rem;transition:color .2s ease}.btn-clear-search:hover{color:#ef4444}.table-info{margin-bottom:1rem;color:#64748b;font-size:.9rem}.loading-state{text-align:center;padding:4rem 2rem;color:#64748b;font-size:1.1rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem}.empty-state p{color:#64748b;max-width:500px;margin:0 auto;line-height:1.6}.alert{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.memos-table-container{overflow-x:auto;border-radius:12px;border:1px solid rgba(148,163,184,.2)}.memos-table{width:100%;border-collapse:collapse;background:#fff}.memos-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid rgba(148,163,184,.2)}.memos-table th{padding:1rem;text-align:left;font-weight:600;color:#1e293b;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.memos-table td{padding:1rem;border-bottom:1px solid rgba(148,163,184,.1);color:#334155}.memos-table tbody tr{transition:background-color .2s ease}.memos-table tbody tr:hover{background:#0ea5e90d}.estado-badge{display:inline-block;padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.estado-container{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.badge-jefe{display:inline-block;padding:.2rem .5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-radius:12px;font-size:.7rem;font-weight:600;border:1px solid #f59e0b}.memo-de-jefe{background:#fef3c74d}.estado-pendiente{background:#dbeafe;color:#1e40af}.estado-notificado{background:#fef3c7;color:#92400e}.estado-espera{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;background:#fef3c7;color:#92400e;border-radius:6px;font-size:.75rem;font-weight:500;cursor:help}.estado-recibido{background:#d1fae5;color:#065f46}.estado-enviado{background:#dbeafe;color:#1e40af}.estado-no-recibido{background:#fee2e2;color:#991b1b}.estado-anulado{background:#f3f4f6;color:#6b7280}.estado-devuelto{background:#fef3c7;color:#92400e}.estado-auditado{background:#e0e7ff;color:#3730a3}.estado-default{background:#f1f5f9;color:#475569}.correlativo{font-weight:600;color:#0369a1;font-family:Courier New,monospace}.asunto-cell{display:flex;flex-direction:column;gap:.35rem}.asunto-text{color:#1e293b;font-weight:500}.badge-confidencial{display:inline-block;padding:.25rem .6rem;background:#fef3c7;color:#92400e;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;width:fit-content}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-ver,.btn-pdf,.btn-firmar{padding:.5rem .75rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1rem;display:flex;align-items:center;gap:.35rem}.btn-ver{background:#0ea5e91a;color:#0369a1}.btn-ver:hover{background:#0ea5e933;transform:translateY(-2px)}.btn-pdf{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-weight:700;letter-spacing:.5px;padding:.4rem .6rem;font-size:.75rem}.btn-pdf:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px) scale(1.05)}.btn-firmar{background:#22c55e1a;color:#16a34a}.btn-firmar:hover{background:#22c55e33;transform:translateY(-2px)}.btn-notificar{background:#f59e0b1a;color:#d97706}.btn-notificar:hover{background:#f59e0b33;transform:translateY(-2px)}.btn-rechazar{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.btn-rechazar:hover{background:#dc354533;border-color:#dc3545;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71d2a);transform:translateY(-1px)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.btn-warning:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.modal-header{padding:1.5rem;border-bottom:1px solid rgba(148,163,184,.2);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;color:#0f172a;font-size:1.5rem}.modal-close{background:none;border:none;font-size:2rem;color:#94a3b8;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:#94a3b81a;color:#64748b}.modal-body{padding:1.5rem}.modal-body p{margin:0 0 .75rem;line-height:1.6}.memo-cuerpo{padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid rgba(148,163,184,.2);white-space:pre-wrap;line-height:1.6;color:#334155}.modal-footer{padding:1rem 1.5rem;border-top:1px solid rgba(148,163,184,.2);display:flex;justify-content:flex-end;gap:.75rem}.btn-secondary{padding:.75rem 1.5rem;background:#fff;color:#64748b;border:2px solid rgba(148,163,184,.35);border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8;color:#334155}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#334155;font-weight:600}.form-group textarea{width:100%;padding:.75rem;border:2px solid rgba(148,163,184,.35);border-radius:10px;font-family:inherit;font-size:.95rem;resize:vertical;transition:all .2s ease}.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.firma-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:8px;font-size:.85rem;font-weight:600}.btn-adjuntos{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .6rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease}.btn-adjuntos:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:scale(1.05)}.sin-adjuntos{color:#9ca3af;font-size:.9rem}.modal-adjuntos{max-width:500px}.loading-adjuntos,.empty-adjuntos{text-align:center;padding:2rem;color:#6b7280}.lista-adjuntos h4{margin:1rem 0 .75rem;color:#374151;font-size:.95rem}.lista-adjuntos ul{list-style:none;padding:0;margin:0}.adjunto-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f9fafb;border-radius:8px;margin-bottom:.5rem;border:1px solid #e5e7eb}.adjunto-info{display:flex;flex-direction:column;gap:.25rem}.adjunto-nombre{font-weight:500;color:#1f2937;word-break:break-all}.adjunto-tamano{font-size:.75rem;color:#6b7280}.btn-descargar{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease}.btn-descargar:hover{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.05)}@media(max-width:768px){.memos-recibidos-container{padding:1rem}.memos-table-container{overflow-x:scroll}.action-buttons{flex-direction:column}}.logs-sistema-container{padding:24px}.logs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.logs-header h2{margin:0 0 8px;color:#1e293b;font-size:28px}.logs-header p{margin:0;color:#64748b;font-size:14px}.header-actions{display:flex;gap:12px}.btn-filter,.btn-export{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.btn-filter:hover,.btn-export:hover{background:#f8fafc;border-color:#cbd5e1}.filtros-panel{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 6px #0000001a}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.filtro-campo{display:flex;flex-direction:column;gap:6px}.filtro-campo label{color:#fff;font-size:13px;font-weight:500}.filtro-campo select,.filtro-campo input{padding:10px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffffe6;font-size:14px}.filtros-acciones{display:flex;gap:12px;justify-content:flex-end}.btn-aplicar,.btn-limpiar{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-aplicar{background:#fff;color:#667eea}.btn-limpiar{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.logs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:13px;color:#64748b;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#1e293b}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:24px}.logs-table{width:100%;border-collapse:collapse}.logs-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.logs-table th{padding:16px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.logs-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s}.logs-table tbody tr:hover{background:#f8fafc}.logs-table td{padding:16px;font-size:14px;color:#334155}.badge-accion{padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.badge-modulo{padding:4px 12px;border-radius:6px;background:#e2e8f0;color:#475569;font-size:12px;font-weight:500;text-transform:uppercase}.btn-ver{background:transparent;border:1px solid #e2e8f0;padding:8px 12px;border-radius:6px;cursor:pointer;color:#667eea;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-ver:hover{background:#f8fafc;border-color:#667eea}.paginacion{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px}.paginacion button{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.paginacion button:hover:not(:disabled){background:#f8fafc;border-color:#667eea;color:#667eea}.paginacion button:disabled{opacity:.5;cursor:not-allowed}.loading,.empty-state{padding:60px 20px;text-align:center;color:#94a3b8}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.modal-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.modal-header h3{margin:0;font-size:18px}.modal-header button{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.modal-header button:hover{background:#ffffff4d}.modal-body{padding:24px}.detalle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.detalle-grid>div{display:flex;flex-direction:column;gap:6px}.detalle-grid label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase}.detalle-grid span{font-size:14px;color:#1e293b}.detalle-section{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.detalle-section label{display:block;font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;margin-bottom:12px}.detalle-section pre{background:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e2e8f0;overflow-x:auto;font-size:12px;line-height:1.6;color:#334155}@media(max-width:768px){.logs-header{flex-direction:column;gap:16px}.filtros-grid,.detalle-grid{grid-template-columns:1fr}}.equipo-container{padding:1.5rem;max-width:1400px;margin:0 auto}.equipo-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#64748b}.equipo-loading .spin{animation:spin 1s linear infinite;font-size:2rem;color:#3b82f6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.equipo-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.equipo-title{display:flex;align-items:center;gap:1rem}.equipo-title .title-icon{font-size:2.5rem;color:#3b82f6;background:linear-gradient(135deg,#e0f2fe,#bae6fd);padding:.75rem;border-radius:12px}.equipo-title h1{margin:0;font-size:1.75rem;color:#1e293b;font-weight:700}.equipo-subtitle{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.equipo-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.equipo-search{position:relative;display:flex;align-items:center}.equipo-search .search-icon{position:absolute;left:12px;color:#94a3b8;font-size:1rem}.equipo-search input{padding:.625rem 2rem .625rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;width:250px;transition:all .2s}.equipo-search input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.equipo-search .clear-search{position:absolute;right:8px;background:#e2e8f0;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b}.equipo-search .clear-search:hover{background:#cbd5e1}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.btn-refresh:disabled{opacity:.7;cursor:not-allowed}.btn-refresh .spin{animation:spin 1s linear infinite}.equipo-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.resumen-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.resumen-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.resumen-card .resumen-icon{font-size:1.75rem;padding:.75rem;border-radius:10px}.resumen-card.total .resumen-icon{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0284c7}.resumen-card.memos .resumen-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.resumen-card.pendientes .resumen-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.resumen-card.completados .resumen-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.resumen-content{display:flex;flex-direction:column}.resumen-numero{font-size:1.5rem;font-weight:700;color:#1e293b}.resumen-label{font-size:.8rem;color:#64748b}.equipo-error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:1.5rem}.equipo-error button{margin-left:auto;padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.equipo-error button:hover{background:#b91c1c}.equipo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;text-align:center}.equipo-empty .empty-icon{font-size:4rem;color:#cbd5e1;margin-bottom:1.5rem}.equipo-empty h3{margin:0 0 .5rem;color:#475569;font-size:1.25rem}.equipo-empty p{margin:0;color:#94a3b8;max-width:400px}.equipo-resultados{padding:.75rem 0;color:#64748b;font-size:.875rem;margin-bottom:1rem}.equipo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.colaborador-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.colaborador-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.colaborador-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.colaborador-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0;overflow:hidden}.colaborador-avatar img{width:100%;height:100%;object-fit:cover}.colaborador-info{flex:1;min-width:0}.colaborador-nombre{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colaborador-rol{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;margin-top:.375rem;background:#e2e8f0;color:#475569}.colaborador-rol.rol-colaborador{background:#dbeafe;color:#1d4ed8}.colaborador-rol.rol-jefatura{background:#fef3c7;color:#92400e}.colaborador-rol.rol-director{background:#f3e8ff;color:#7c3aed}.colaborador-detalles{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.625rem}.detalle-item{display:flex;align-items:center;gap:.625rem;color:#64748b;font-size:.875rem}.detalle-item .detalle-icon{color:#94a3b8;flex-shrink:0}.detalle-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colaborador-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e2e8f0;background:#f8fafc}.stat-item{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;gap:.25rem;border-right:1px solid #e2e8f0}.stat-item:last-child{border-right:none}.stat-item svg{font-size:1rem;color:#64748b}.stat-item span{font-size:1.1rem;font-weight:600;color:#1e293b}.stat-item small{font-size:.65rem;color:#94a3b8;text-transform:uppercase}.stat-item.borrador svg{color:#f59e0b}.stat-item.borrador span{color:#d97706}.stat-item.enviado svg{color:#3b82f6}.stat-item.enviado span{color:#2563eb}.stat-item.aprobado svg{color:#22c55e}.stat-item.aprobado span{color:#16a34a}.colaborador-actions{padding:1rem 1.25rem;border-top:1px solid #e2e8f0}.btn-ver-memos{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-ver-memos:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}@media(max-width:768px){.equipo-container{padding:1rem}.equipo-header{flex-direction:column;align-items:stretch}.equipo-actions{flex-direction:column;width:100%}.equipo-search,.equipo-search input{width:100%}.btn-refresh{width:100%;justify-content:center}.equipo-resumen{grid-template-columns:repeat(2,1fr)}.equipo-grid{grid-template-columns:1fr}.colaborador-stats{grid-template-columns:repeat(2,1fr)}.stat-item{border-bottom:1px solid #e2e8f0}.stat-item:nth-child(2){border-right:none}.stat-item:nth-child(3),.stat-item:nth-child(4){border-bottom:none}}@media(max-width:480px){.equipo-resumen{grid-template-columns:1fr}.equipo-title .title-icon{font-size:2rem;padding:.5rem}.equipo-title h1{font-size:1.5rem}}#root{width:100%;min-height:100vh;margin:0;padding:0}a{color:inherit}