:root{--sidebar-width: 260px;--sidebar-collapsed-width: 70px;--header-height: 60px;--primary-color: #0d6efd;--secondary-color: #6c757d;--sidebar-bg: #212529;--sidebar-hover: #2c3034;--header-bg: #343a40;--content-bg: #f8f9fa;--text-light: #ffffff;--text-dark: #212529;--border-color: #dee2e6;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-container{display:grid;grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;height:100vh;width:100vw;overflow:hidden}.app-container.sidebar-collapsed{grid-template-columns:0 1fr}header.app-header{grid-area:header;display:flex;align-items:center;background-color:#fff;color:#2c3e50;padding:0 1.5rem;box-shadow:0 2px 4px #00000014;border-bottom:2px solid #e0e0e0;z-index:1000;position:relative}aside.app-sidebar{grid-area:sidebar;display:flex;flex-direction:column;background-color:var(--sidebar-bg);color:var(--text-light);overflow-x:hidden;overflow-y:auto;box-shadow:2px 0 4px #0000001a;transition:transform var(--transition-speed),width var(--transition-speed);position:relative;z-index:100}.app-container.sidebar-collapsed aside.app-sidebar{width:0;transform:translate(-100%)}.app-main{grid-area:main;overflow-y:auto;overflow-x:hidden;background-color:var(--content-bg)}.sidebar-toggle{background-color:#667eea!important;color:#fff!important;border:none!important;font-size:1.5rem!important;cursor:pointer!important;padding:.5rem!important;margin-right:1rem!important;border-radius:.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;width:45px!important;height:45px!important;transition:all .2s ease-in-out!important;box-shadow:0 2px 4px #667eea4d!important;flex-shrink:0}.sidebar-toggle:hover{background-color:#764ba2!important;transform:translateY(-2px)!important;box-shadow:0 4px 8px #667eea66!important}.sidebar-toggle:active{transform:translateY(0) scale(.98)!important}.header-title{flex:1;margin-left:1rem;min-width:0}.header-title h1{margin:0;padding:0;font-size:1.5rem;font-weight:700;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0;margin-left:auto}.header-actions .btn-link{color:#34495e;text-decoration:none;padding:.5rem;border-radius:.5rem;transition:all .2s ease;background:transparent;border:none;white-space:nowrap}.header-actions .btn-link:hover{background-color:#f8f9fa;color:#2c3e50}.dropdown-menu{min-width:280px!important;padding:0!important;margin-top:.5rem!important;border:1px solid #e0e0e0!important;box-shadow:0 4px 12px #00000026!important;background-color:#fff!important;border-radius:.5rem!important;z-index:1050!important}.dropdown-header{padding:1rem!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:.5rem .5rem 0 0!important;color:#fff!important}.dropdown-item{padding:.75rem 1rem!important;color:#2c3e50!important;transition:all .15s ease!important;cursor:pointer!important}.dropdown-item:hover{background-color:#f8f9fa!important;color:#667eea!important}.logout-btn{background:none!important;border:none!important;width:100%!important;text-align:left!important;color:#e74c3c!important}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar-logo{display:flex;flex-direction:column;gap:.75rem}.logo-main{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-light)}.logo-main .logo-img{width:40px;height:40px;object-fit:contain}.logo-empresa{display:flex;align-items:center;gap:.5rem;padding-left:.5rem;font-size:.875rem;color:#ffffffb3;border-left:3px solid var(--primary-color)}.sidebar-nav{padding:1rem 0;flex:1;overflow-y:auto}.sidebar-nav .nav{gap:.25rem}.nav-item{list-style:none}.nav-section{margin-top:1rem;margin-bottom:.25rem}.nav-section-title{display:flex;align-items:center;gap:.75rem;padding:.4rem 1.5rem;color:#ffffff80;font-size:.75rem;font-weight:700;text-transform:uppercase}.sidebar-nav .nav-link{display:flex;align-items:center;gap:1rem;padding:.55rem 1.5rem;color:#ffffffbf;text-decoration:none;transition:all var(--transition-speed);border-left:3px solid transparent;cursor:pointer}.sidebar-nav .nav-link:hover{background-color:var(--sidebar-hover);color:var(--text-light);border-left-color:var(--primary-color)}.sidebar-nav .nav-link.active{background-color:var(--sidebar-hover);color:var(--text-light);border-left-color:var(--primary-color);font-weight:600}.nav-link-parent{cursor:pointer}.nav-link-parent .bi-chevron-down{font-size:.875rem;transition:transform var(--transition-speed);margin-left:auto}.nav-link-parent[aria-expanded=true] .bi-chevron-down{transform:rotate(180deg)}.collapse{display:none}.collapse.show{display:block}.nav-link-submenu{padding:.45rem 1.5rem .45rem 3.5rem!important;font-size:.875rem;color:#ffffffb3}.nav-link-submenu:hover{background-color:var(--sidebar-hover);color:var(--text-light);border-left-color:var(--primary-color)}.app-content{padding:2rem;max-width:1400px}@media(max-width:992px){.app-container{grid-template-areas:"header header" "main main";grid-template-columns:1fr}aside.app-sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);transform:translate(-100%);transition:transform var(--transition-speed);z-index:999;grid-area:unset}.app-container.sidebar-open aside.app-sidebar{transform:translate(0)}.app-container.sidebar-open:before{content:"";position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:#00000080;z-index:998;animation:fadeIn .3s ease}.app-container.sidebar-collapsed{grid-template-columns:1fr}.app-container.sidebar-collapsed aside.app-sidebar{transform:translate(-100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}aside.app-sidebar::-webkit-scrollbar{width:6px}aside.app-sidebar::-webkit-scrollbar-track{background:#0000001a}aside.app-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}aside.app-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.d-flex{display:flex!important}.align-items-center{align-items:center!important}.flex-column{flex-direction:column!important}.ms-auto{margin-left:auto!important}.me-2{margin-right:.5rem!important}.ms-2{margin-left:.5rem!important}.mt-2{margin-top:.5rem!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}.d-none,.d-md-inline{display:none!important}@media(min-width:768px){.d-md-inline{display:inline!important}}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 .125rem .25rem #00000013;border:1px solid rgba(0,0,0,.125)}.card-header{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.125);padding:1rem;font-weight:600}.card-body{padding:1rem}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.col-md-6,.col-lg-3,.col-lg-4,.col-lg-8{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}@media(min-width:768px){.col-md-6{flex:0 0 auto;width:50%}}@media(min-width:992px){.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.333333%}.col-lg-8{flex:0 0 auto;width:66.666667%}}.g-3{--bs-gutter-y: 1rem;--bs-gutter-x: 1rem;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.g-3>*{padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}