*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif}#app{width:100%;height:100vh;overflow:hidden}.sidebar-header{padding:1rem;background-color:#0000001a;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-title{color:#fff;font-size:1.25rem;font-weight:500;margin:0}.footer{padding:1rem 0;margin-top:auto;width:100%;flex-shrink:0}.main-layout{height:100vh;overflow:hidden}.main-content{height:100vh;overflow-y:auto;overflow-x:hidden}.main-wrapper{min-height:100%;display:flex;flex-direction:column}.main-container{flex:1;padding:8px 8px 20px!important}.main-container>*{padding-left:0!important;padding-right:0!important;padding-top:0!important}.microfront-item{font-weight:600;padding-left:-30px!important;padding-inline-start:0!important}.menu-item{padding-left:1rem!important;padding-inline-start:1rem!important;font-weight:500}.permiso-item{padding-left:2rem!important;padding-inline-start:2rem!important;font-size:.9rem}.sidebar .sidebar-icon{margin-right:0!important}.sidebar .v-list-item-title{text-align:left!important;padding-left:0!important;margin-left:0!important}.sidebar .v-list-item__content{padding-left:0!important;margin-left:0!important}.sidebar .v-list-group--sub-group .v-list-item{padding-left:1rem!important;padding-inline-start:1rem!important}.sidebar .v-list-group--sub-group .v-list-group__items .v-list-item{padding-left:2rem!important;padding-inline-start:2rem!important}.sidebar .v-list-group .v-list-group__items .v-list-item.menu-item{padding-left:1rem!important;padding-inline-start:1rem!important}.sidebar .v-list-group .v-list-group__items .v-list-item.permiso-item{padding-left:2rem!important;padding-inline-start:2rem!important}.empresas-view{padding:1rem}.empresas-view .v-data-table{box-shadow:0 2px 8px #0000001a}.mis-datos-view{padding:1rem}.mis-datos-view .v-card{box-shadow:0 2px 8px #0000001a}.mis-datos-view .v-avatar{border:2px solid rgba(0,0,0,.1)}.mis-datos-view .gap-4{gap:1rem}.auth-page{min-height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0e2455,#1a3a7a,#0e2455);padding:2rem}.auth-page .background-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#0e2455,#1a3a7a,#dba425,#1a3a7a,#0e2455);background-size:400% 400%;animation:gradientShift 15s ease infinite;opacity:.6;z-index:0}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.auth-page .background-shapes{position:absolute;inset:0;z-index:1;overflow:hidden}.auth-page .shape{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite ease-in-out}.auth-page .shape-1{width:300px;height:300px;background:#dba425;top:-150px;left:-150px;animation-delay:0s}.auth-page .shape-2{width:200px;height:200px;background:#dba425;bottom:-100px;right:-100px;animation-delay:5s}.auth-page .shape-3{width:150px;height:150px;background:#dba42580;top:50%;right:10%;animation-delay:10s}.auth-page .shape-4{width:250px;height:250px;background:#dba4254d;bottom:20%;left:5%;animation-delay:15s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.auth-page .auth-container{position:relative;z-index:2;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem}.auth-page .logo-section{width:100%;display:flex;align-items:center;justify-content:center;animation:fadeInDown .8s ease-out}.auth-page .logo-container{display:flex;align-items:center;justify-content:center}.auth-page .logo{max-width:280px;max-height:280px;width:auto;height:auto;filter:drop-shadow(0 10px 30px rgba(219,164,37,.3));transition:transform .3s ease}.auth-page .logo:hover{transform:scale(1.05)}.auth-page .divider{display:none}.auth-page .form-section{width:100%;display:flex;align-items:center;justify-content:center}.auth-page .auth-card{width:100%;max-width:480px;background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a inset;animation:fadeInUp .8s ease-out .2s both;border:1px solid rgba(255,255,255,.3)}.auth-page .card-header{text-align:center;margin-bottom:2.5rem}.auth-page .title{font-size:2rem;font-weight:700;color:#0e2455;margin:0 0 .5rem;letter-spacing:-.5px}.auth-page .subtitle{font-size:1rem;color:#666;margin:0;font-weight:400}.auth-page .auth-form{width:100%}.auth-page .input-group{margin-bottom:1.5rem}.auth-page .custom-input :deep(.v-field){border-radius:12px;background-color:#fffc;transition:all .3s ease}.auth-page .custom-input :deep(.v-field:hover){background-color:#fff;box-shadow:0 4px 12px #0e24551a}.auth-page .custom-input :deep(.v-field--focused){background-color:#fff;box-shadow:0 4px 16px #0e245526}.auth-page .custom-input :deep(.v-field__input){padding:16px 14px;font-size:1rem}.auth-page .custom-input :deep(.v-label){color:#666;font-weight:500}.auth-page .submit-button{margin-top:1rem;margin-bottom:1.5rem;height:56px;border-radius:12px;font-size:1.1rem;font-weight:600;text-transform:none;letter-spacing:.5px;background:linear-gradient(135deg,#0e2455,#1a3a7a);transition:all .3s ease;position:relative;overflow:hidden}.auth-page .submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.auth-page .submit-button:hover:before{left:100%}.auth-page .submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0e245566}.auth-page .submit-button:active{transform:translateY(0)}.auth-page .submit-button:disabled{opacity:.6;cursor:not-allowed}.auth-page .footer-links{text-align:center;margin-top:1.5rem}.auth-page .link-button{text-transform:none;font-weight:500;color:#0e2455;transition:all .3s ease}.auth-page .link-button:hover{color:#dba425;transform:translateY(-2px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:960px){.auth-page .auth-container{flex-direction:row;align-items:center;justify-content:center;gap:0;max-width:1400px;padding:3rem}.auth-page .logo-section{width:50%;padding-right:3rem;justify-content:flex-end}.auth-page .divider{display:block;width:1px;height:500px;background:linear-gradient(to bottom,transparent,rgba(219,164,37,.3),rgba(219,164,37,.5),rgba(219,164,37,.3),transparent);margin:0 3rem;animation:fadeIn 1s ease-out .4s both}.auth-page .form-section{width:50%;padding-left:3rem;justify-content:flex-start}.auth-page .logo{max-width:420px;max-height:420px;filter:drop-shadow(0 15px 40px rgba(219,164,37,.4))}}@media(min-width:768px)and (max-width:959px){.auth-page .auth-container{max-width:700px}.auth-page .logo{max-width:300px;max-height:300px}}@media(max-width:767px){.auth-page,.auth-page .auth-container{padding:1rem}.auth-page .auth-card{padding:2rem 1.5rem;border-radius:20px}.auth-page .title{font-size:1.75rem}.auth-page .logo{max-width:180px;max-height:180px}.auth-page .shape{display:none}}@media(max-width:400px){.auth-page .auth-card{padding:1.5rem 1.25rem}.auth-page .title{font-size:1.5rem}.auth-page .subtitle{font-size:.9rem}}.info-modal{background:#fffffff2!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px}.info-modal .v-card-title{padding:1.5rem 1.5rem 1rem}.info-modal .v-card-text{padding:1rem 1.5rem;line-height:1.6}.info-modal .v-card-actions{padding:1rem 1.5rem 1.5rem}.info-modal .gap-2{gap:.5rem}.dashboard-view{padding:1rem 0}