html,body{height:100%;margin:0;font-family:Segoe UI,sans-serif;background-color:#f8f9fa}body{display:flex;flex-direction:column;min-height:100vh}#app{display:flex;flex-direction:column;flex:1;min-height:0}.wrapper{display:flex;flex:1;margin-top:56px;min-height:calc(100vh - 104px)}.sidebar{background-color:#edf2fa!important;color:#003057!important;border-right:1px solid #ccd6e0;width:250px;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.sidebar .nav-link{display:flex;align-items:center;padding:10px 15px;transition:all .3s ease;color:#003057!important}.sidebar .nav-link i{font-size:1.2rem;margin-right:10px}.sidebar .nav-link:hover,.sidebar .nav-link.active{background-color:#e60013!important;color:#fff!important}.sidebar .sidebar-title{font-size:1.2rem;font-weight:700;transition:all .3s ease;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-title{font-size:0;opacity:0;width:0}.sidebar.collapsed{width:70px}.sidebar.collapsed .nav-link{position:relative}.sidebar.collapsed .nav-link .menu-text{position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:#003057;color:#fff;padding:6px 12px;white-space:nowrap;border-radius:4px;box-shadow:0 2px 6px #0003;opacity:0;visibility:hidden;z-index:9999;transition:opacity .2s ease}.sidebar.collapsed .nav-link:hover .menu-text{opacity:1;visibility:visible}.sidebar.collapsed .nav-link i{margin-right:0}.sidebar .menu-text{transition:opacity .3s ease}.logout-container{padding:0;margin-top:auto;position:sticky;bottom:0;background-color:#edf2fa;z-index:10}.logout-btn-sidebar{background-color:#edf2fa!important;color:#003057!important;border:none;width:100%;padding:12px 16px;font-weight:500;border-radius:0;text-align:left;display:flex;align-items:center;justify-content:flex-start;gap:8px;box-shadow:inset 0 1px #ffffff0d;border-top:1px solid rgba(0,0,0,.05);transition:color .3s ease}.logout-btn-sidebar i,.logout-btn-sidebar .menu-text{color:#003057;transition:color .3s ease}.logout-btn-sidebar:hover i,.logout-btn-sidebar:hover .menu-text{color:#e60013}.sidebar.collapsed .logout-btn-sidebar{justify-content:center;padding:12px;position:relative}.sidebar.collapsed .logout-btn-sidebar .menu-text{position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:#003057;color:#fff;padding:6px 12px;border-radius:4px;white-space:nowrap;box-shadow:0 2px 6px #0003;opacity:0;visibility:hidden;z-index:9999;transition:opacity .2s ease,transform .2s ease,color .2s ease}.sidebar.collapsed .logout-btn-sidebar:hover .menu-text{opacity:1;visibility:visible;transform:translateY(-50%) translate(5px);color:#9dbcd4}nav.navbar{background-color:#fff!important;border-bottom:4px solid #E60013;color:#003057;position:fixed;top:0;width:100%;z-index:1000}.dropdown{color:#003057}.navbar .user-name{color:#e60013!important;font-weight:600;margin-right:12px}.navbar .user-name:hover{text-decoration:underline;color:#b80010}footer{background-color:#003057;color:#fff;text-align:center;padding:12px 0;font-size:14px;width:100%}#main-content{flex-grow:1;margin-left:40px;padding:20px;overflow:auto;transition:margin-left .3s ease;background-color:#f9f9f9}.sidebar.collapsed~#main-content{margin-left:70px!important}#main-content>.container,#main-content>.container-fluid{max-width:1400px;margin:0 auto}.btn-primary{background-color:#e60013;border:none;color:#fff}.btn-primary:hover{background-color:#b80010}