*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:#f1f5f9;color:#1e293b}#app{position:relative;height:100vh;overflow:hidden}#app.is-print{height:auto;min-height:100vh;overflow-y:auto}.sidebar{width:220px;background:#429a82;color:#ffffffeb;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:300;transition:width .25s ease;overflow:hidden;flex-shrink:0}.sidebar-brand{height:56px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.15);flex-shrink:0;overflow:hidden}.brand-icon{font-size:1.3rem;flex-shrink:0}.brand-text{font-weight:700;font-size:.95rem;white-space:nowrap;transition:opacity .2s,width .2s}.sidebar-footer{flex-shrink:0;border-top:1px solid rgba(0,0,0,.12);display:flex;align-items:center;gap:8px;padding:10px 16px;color:#ffffff59;font-size:.72rem;white-space:nowrap;overflow:hidden;text-decoration:none;transition:color .15s}.sidebar-footer:hover{color:#ffffffa6}.sidebar-footer>.bi{font-size:.8rem;flex-shrink:0}#app.sidebar-closed .sidebar-footer{justify-content:center;padding:10px;gap:0}nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.nav-group{border-bottom:1px solid rgba(0,0,0,.1)}.nav-group:last-child{border-bottom:none}.nav-group-header{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 14px;color:#fffffff2;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;transition:background .15s;overflow:hidden;white-space:nowrap}.nav-group-header:hover{background:#0000001f}.nav-group-header>.bi:first-child{font-size:.95rem;flex-shrink:0;width:18px;text-align:center}.nav-chevron{margin-left:auto;font-size:.7rem;flex-shrink:0;transition:transform .2s}.nav-items a{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 18px;color:#ffffffd1;text-decoration:none;font-size:.875rem;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden}.nav-items a>.bi:first-child{font-size:1rem;flex-shrink:0;width:18px;text-align:center}.nav-items a:hover{background:#00000021;color:#fff}.nav-items a.router-link-exact-active{background:#00000038;color:#fff;font-weight:600;border-right:3px solid rgba(255,255,255,.7)}.nav-label{white-space:nowrap;transition:opacity .15s;overflow:hidden}.badge{background:#ef4444;color:#fff;font-size:.65rem;padding:1px 6px;border-radius:999px;margin-left:auto;flex-shrink:0}#app.sidebar-closed .sidebar{width:62px}#app.sidebar-closed .brand-text,#app.sidebar-closed .nav-label,#app.sidebar-closed .nav-chevron{opacity:0;width:0}#app.sidebar-closed .nav-group-header,#app.sidebar-closed .nav-items a{justify-content:center;padding:10px;gap:0}#app.sidebar-closed .sidebar-brand{justify-content:center;padding:0}#app.sidebar-closed .nav-group{border-bottom:none}#app.sidebar-closed .nav-group-header>.bi:first-child,#app.sidebar-closed .nav-items a>.bi:first-child{width:auto}.main-wrapper{position:absolute;left:220px;right:0;top:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;transition:left .25s ease}#app.sidebar-closed .main-wrapper{left:62px}.topbar{height:56px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 20px 0 12px;gap:12px;flex-shrink:0;box-shadow:0 1px 4px #0000000f}.hamburger{background:none;border:none;cursor:pointer;color:#64748b;font-size:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .15s,color .15s;flex-shrink:0}.hamburger:hover{background:#f1f5f9;color:#1e293b}.topbar-title{font-weight:600;font-size:1rem;color:#1e293b;flex:1}.topbar-user{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#475569;flex-shrink:0}.topbar-user>.bi-person-circle{font-size:1.3rem;color:#429a82}.user-name{font-weight:500}.btn-logout{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1.1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s,color .15s}.btn-logout:hover{background:#fee2e2;color:#ef4444}.btn-user-menu{background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;padding:4px 6px;border-radius:6px;transition:background .15s}.btn-user-menu:hover{background:#f1f5f9;color:#475569}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:220px;z-index:500;overflow:hidden}.user-dropdown-header{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.user-dropdown-item{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:.875rem;color:#374151;text-align:left;transition:background .12s}.user-dropdown-item:hover{background:#f8fafc}.user-dropdown-divider{border-top:1px solid #f1f5f9}.user-dropdown-logout{color:#dc2626}.user-dropdown-logout:hover{background:#fee2e2}.modal-overlay-app{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-box-app{background:#fff;border-radius:12px;width:420px;max-width:95vw;padding:28px;box-shadow:0 20px 60px #00000040}.main-content{flex:1;overflow-y:auto;padding:24px}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:299;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@media (max-width: 768px){.sidebar{width:220px!important;transform:translate(-220px);transition:transform .25s ease}#app:not(.sidebar-closed) .sidebar{transform:translate(0)}#app:not(.sidebar-closed) .sidebar-backdrop{display:block}.main-wrapper{left:0!important}.main-content{padding:16px}#app.sidebar-closed .brand-text,#app.sidebar-closed .nav-label,#app.sidebar-closed .nav-chevron{opacity:1;width:auto}#app.sidebar-closed .nav-group-header{justify-content:flex-start;padding:10px 14px;gap:10px}#app.sidebar-closed .nav-items a{justify-content:flex-start;padding:9px 14px 9px 18px;gap:10px}#app.sidebar-closed .sidebar-brand{justify-content:flex-start;padding:0 16px}#app.sidebar-closed .nav-group{border-bottom:1px solid rgba(0,0,0,.1)}.user-name{display:none}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width: 1024px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:1fr}}.page-title{font-size:1.35rem;font-weight:700;margin-bottom:20px;color:#1e293b}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d;overflow-x:auto}.btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:background .15s,opacity .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#429a82;color:#fff}.btn-primary:hover:not(:disabled){background:#357a68}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-secondary{background:#e2e8f0;color:#475569}.btn-secondary:hover:not(:disabled){background:#cbd5e1}table{width:100%;border-collapse:collapse;min-width:480px}thead tr{background:#f8fafc}th{padding:10px 14px;text-align:left;font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #e2e8f0}td{padding:11px 14px;font-size:.875rem;border-bottom:1px solid #f1f5f9}tbody tr:hover{background:#f8fafc}tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:5px;font-size:.8rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 11px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;background:#fff;color:#1e293b;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#429a82;box-shadow:0 0 0 3px #429a822e}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.text-center{text-align:center}.text-muted{color:#94a3b8}.est-badge{padding:2px 10px;border-radius:99px;font-size:.78rem;font-weight:600}.est-activo{background:#dcfce7;color:#166534}.est-inactivo{background:#f1f5f9;color:#94a3b8}.form-error-inline{color:#dc2626;background:#fee2e2;border-radius:6px;padding:7px 12px;font-size:.85rem;margin-top:10px}