.logout-btn[data-v-739b4c27]{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin-left:1rem;padding:.5rem 1rem;transition:all .2s ease}.logout-btn[data-v-739b4c27]:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}:root{--color-primary:#1a1a2e;--color-accent:#e94560;--color-bg:#fafafa;--color-surface:#fff;--color-text:#333;--color-text-secondary:#666;--color-border:#e5e5e5;--font-heading:"DM Sans",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.06);--shadow-lg:0 4px 16px rgba(0,0,0,.08);--sidebar-width:256px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}.flex{display:flex}.flex-1{flex:1}.h-screen{height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.sidebar-backdrop{background:#00000080;top:0;right:0;bottom:0;left:0;position:fixed;z-index:99}.sidebar{background-color:var(--color-primary);color:#fff;flex-shrink:0;transition:transform .3s ease;width:var(--sidebar-width)}.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:var(--color-primary);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:#ffffff80;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.sidebar .nav-item{align-items:center;border-radius:var(--radius-md);color:#fffc;display:flex;margin:.25rem .5rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease}.sidebar .nav-item:hover{background-color:#ffffff1a;color:#fff}.sidebar .nav-item.active{background-color:var(--color-accent);color:#fff}.sidebar .nav-text{margin-left:.75rem}.content{flex:1;transition:margin-left .3s ease}header{background-color:var(--color-surface);box-shadow:var(--shadow-sm);height:var(--header-height)}header .header-content{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 1.5rem}.mobile-menu-btn{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:none;display:flex!important;font-size:1.25rem;height:44px;justify-content:center;margin-right:.5rem;padding:.5rem;width:44px}header h1{color:var(--color-primary);font-size:1.25rem;font-weight:600}.header-right{align-items:center;display:flex;gap:1rem}.notification-bell{color:var(--color-text-secondary);font-size:1.25rem;position:relative}.notification-bell:hover{color:var(--color-text)}.notification-bell .badge{background-color:var(--color-accent);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:var(--color-primary);border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;overflow:hidden;width:36px}.user-profile .avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.user-profile .name{color:var(--color-text);display:none;font-weight:500}@media (min-width:768px){.user-profile .name{display:inline}}.card,main{padding:1.5rem}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translate(-100%);transition:transform .3s ease;z-index:100}.sidebar.active{transform:translate(0)}.content{margin-left:0!important}.mobile-menu-btn{display:block!important}.sidebar .logo-container img{margin-bottom:.5rem;width:80px!important}.card,main{padding:1rem}.card{border-radius:var(--radius-md)}}.login-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:1rem 2rem;transition:all .2s ease}.login-btn:hover{background:#121220;transform:translateY(-1px)}