body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:70px!important;background:linear-gradient(135deg,#2c3e50,#34495e,#2c3e50)!important;box-shadow:2px 0 10px #0000001a!important;color:#fff!important;transition:width .3s ease!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;z-index:1000!important}.sidebar.expanded{width:220px!important}.sidebar.collapsed{width:70px!important}#content-wrapper{transition:margin-left .3s ease!important;margin-left:70px!important}.sidebar.expanded~#content-wrapper{margin-left:220px!important}.sidebar{transition:width .3s ease!important}.topbar h4{font-size:1.1rem!important;font-weight:600!important}h1,.h1{font-size:1.75rem!important}h2,.h2{font-size:1.5rem!important}h3,.h3{font-size:1.25rem!important}h4,.h4{font-size:1.1rem!important}h5,.h5{font-size:1rem!important}h6,.h6,body,.container-fluid{font-size:.875rem!important}.navbar-brand{font-size:1rem!important}.btn,.card-header,.card-body{font-size:.875rem!important}.sticky-footer{padding:1rem 0!important;background-color:#f8f9fc!important;border-top:1px solid #e3e6f0!important;margin-top:auto!important;font-size:.8rem!important;color:#5a5c69!important}.sticky-footer .copyright{line-height:1!important}#content-wrapper{min-height:100vh!important;display:flex!important;flex-direction:column!important}#content{flex:1!important}.user-dropdown .dropdown-menu{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown .dropdown-item{transition:background-color .15s ease-in-out!important}.user-dropdown .dropdown-item:hover,.topbar .nav-link:hover{background-color:#f8f9fc!important}.sidebar .sidebar-menu-btn,.sidebar .sidebar-menu a{display:flex!important;align-items:center!important;width:100%!important;padding:6px 10px!important;color:#fff!important;text-decoration:none!important;transition:all .2s!important;min-height:30px!important;font-size:.8rem!important;background:none!important;border:none!important;text-align:left!important;cursor:pointer!important}.sidebar .sidebar-menu-btn:hover,.sidebar .sidebar-menu a:hover{background:#ffffff26!important;color:#fff!important;border-left:3px solid #3498db!important;padding-left:12px!important;transform:translate(2px)!important}.sidebar .sidebar-menu-btn.active,.sidebar .sidebar-menu a.active{background:#3498db33!important;border-left:3px solid #3498db!important;color:#3498db!important}.sidebar .sidebar-menu-btn.active .menu-icon,.sidebar .sidebar-menu a.active .menu-icon{color:#3498db!important}.sidebar .menu-divider{margin:.5rem 0 .25rem!important;padding:0 10px!important}.sidebar .menu-divider .menu-text{font-size:.65rem!important;font-weight:600!important;text-transform:uppercase!important;color:#ffffff80!important;letter-spacing:.8px!important}.sidebar.collapsed .menu-divider{display:none!important}.sidebar.collapsed .brand-text,.sidebar.collapsed .menu-text{display:none!important;opacity:0!important;visibility:hidden!important;width:0!important;overflow:hidden!important}.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .sidebar-menu a{justify-content:center!important;padding-left:0!important;padding-right:0!important}.sidebar.collapsed .menu-icon{margin:0!important}.sidebar.expanded .brand-text,.sidebar.expanded .menu-text{display:inline!important;opacity:1!important;visibility:visible!important;width:auto!important}.sidebar.expanded .sidebar-brand,.sidebar.expanded .sidebar-menu a{justify-content:flex-start!important;padding-left:15px!important;padding-right:15px!important}.sidebar .sidebar-brand{display:flex!important;align-items:center!important;padding:.5rem!important;font-weight:700!important;font-size:.9rem!important;height:2.375rem!important;color:#fff!important;background:#ffffff0d!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.sidebar .vdc-logo{border-radius:8px!important;background:#ffffff1a!important;padding:4px!important;transition:all .3s ease!important}.sidebar:hover .vdc-logo,.sidebar.expanded .vdc-logo{background:#ffffff26!important;transform:scale(1.05)!important}.sidebar .brand-text{margin-left:10px!important;white-space:nowrap!important}.sidebar .sidebar-menu{list-style:none!important;padding:0!important;margin-top:10px!important}.sidebar .sidebar-menu li{margin:3px 0!important}.sidebar .menu-icon{font-size:14px!important;min-width:14px!important}.sidebar .menu-text{margin-left:8px!important;white-space:nowrap!important;font-size:.8rem!important;font-weight:500!important;letter-spacing:.3px!important}