.logout-btn[data-v-f4ee7760]{background:#ef4444;border:none;border-radius:4px;color:#fff;font-size:1rem;margin-left:1rem;padding:.5rem 1rem;transition:background .2s}.logout-btn[data-v-f4ee7760]:hover{background:#b91c1c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f3f4f6;font-family:Arial,sans-serif}.flex{display:flex}.flex-1{flex:1}.h-screen{height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.sidebar{background-color:#4b5e8e;color:#fff;flex-shrink:0;transition:all .3s ease;width:256px}.sidebar.collapsed{width:70px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-item{justify-content:center}.sidebar .p-4{padding:1rem}.sidebar .logo-container,.sidebar .logo-icon{align-items:center;display:flex}.sidebar .logo-icon{background-color:#fff;border-radius:50%;color:#4b5e8e;font-size:1.25rem;height:40px;justify-content:center;width:40px}.sidebar .logo-text{font-size:1.25rem;font-weight:700;margin-left:.75rem}.sidebar nav{margin-top:1.5rem}.sidebar .nav-section{padding:0 1rem}.sidebar .nav-section h2{color:#a5b4fc;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.sidebar .nav-item{align-items:center;border-radius:.375rem;color:#fff;display:flex;margin-bottom:.25rem;padding:.75rem 1rem;text-decoration:none}.sidebar .nav-item.active,.sidebar .nav-item:hover{background-color:#5b71a9}.sidebar .nav-text{margin-left:.75rem}.content{flex:1;transition:margin-left .3s ease}header{background-color:#fff;box-shadow:0 1px 2px #0000001a}header .header-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem}.mobile-menu-btn{color:#4b5563;display:none;font-size:1.25rem;margin-right:1rem}header h1{color:#1f2a44;font-size:1.25rem;font-weight:600}.header-right{align-items:center;display:flex;gap:1rem}.notification-bell{color:#4b5563;font-size:1.25rem;position:relative}.notification-bell:hover{color:#1f2a44}.notification-bell .badge{background-color:#ef4444;border-radius:50%;height:8px;position:absolute;right:0;top:0;width:8px}.user-profile{align-items:center;display:flex;gap:.5rem}.user-profile .avatar{align-items:center;background-color:#4b5e8e;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.user-profile .name{display:none}@media (min-width:768px){.user-profile .name{display:inline}}main{padding:1.5rem}@media (max-width:768px){.sidebar{left:-256px;position:absolute;z-index:100}.sidebar.active{left:0}.content{margin-left:0!important}.mobile-menu-btn{display:block!important}.sidebar .logo-container img{margin-bottom:.5rem;width:80px!important}}.login-btn{background:#4285f4;border:none;border-radius:4px;color:#fff;font-size:1.1rem;margin-bottom:1rem;padding:1rem 2rem;transition:background .2s}.login-btn:hover{background:#1a73e8}