body{
margin:0;
font-family: var(--font-main);
background: var(--bg-light);
color: var(--text-logo-light);
}

.sidebar{
width:220px;
position:fixed;
left:0;
top:0;
height:100vh;
background:white;
border-right:1px solid #e5e7eb;
}

.sidebar a{
display:block;
padding:14px 18px;
text-decoration:none;
color: var(--text-logo-light);
font-weight:500;
}

.sidebar a:hover{
background:#e9edf2;
}

.content{
margin-left:220px;
padding:90px 30px 30px 30px;
}

.topbar{
height:60px;
background:white;
border-bottom:1px solid #e5e7eb;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 25px;
position:fixed;
left:220px;
right:0;
top:0;
z-index:100;
}

.topbar-left h2{
margin:0;
font-weight:600;
font-family: var(--font-main);
}

.topbar-right{
display:flex;
align-items:center;
gap:20px;
}

.user-menu a{
margin-left:10px;
text-decoration:none;
color:var(--text-secondary);
}


.sidebar-logo{
padding:20px;
border-bottom:1px solid #e5e7eb;
}

.sidebar-logo img{
height:70px;
}

.theme-toggle{
width:38px;
height:38px;
border-radius:8px;
border:1px solid #e5e7eb;
background:white;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
transition:0.2s;
}

.theme-toggle:hover{
background:#f1f5f9;
}

.user-dropdown{
position:relative;
cursor:pointer;
}

.avatar{
width:36px;
height:36px;
border-radius:50%;
}

.dropdown-menu{
display:none;
position:absolute;
right:0;
top:45px;
background:white;
border:1px solid #e5e7eb;
border-radius:8px;
min-width:160px;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
}

.dropdown-menu a{
display:block;
padding:10px 14px;
text-decoration:none;
color:#0F172A;
}

.dropdown-menu a:hover{
background:#f1f5f9;
}

.user-dropdown:hover .dropdown-menu{
display:block;
}

.user-trigger{
display:flex;
align-items:center;
gap:6px;
cursor:pointer;
padding:4px 6px;
}

.dropdown-arrow{
font-size:12px;
color:var(--text-secondary);
margin-left:4px;
}

.user-dropdown{
position:relative;
}

.dropdown-menu{
display:none;
position:absolute;
right:0;
top:42px;
background:white;
border:1px solid #e5e7eb;
border-radius:8px;
min-width:160px;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
}

.user-dropdown:hover .dropdown-menu{
display:block;
}

.auth-container{
width:360px;
margin:120px auto;
background:white;
padding:40px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
text-align:center;
}

.auth-logo{
height:90px;
margin-bottom:5px;
}

.auth-container input{
width:100%;
padding:12px;
margin-top:10px;
border:1px solid #e5e7eb;
border-radius:8px;
font-family:var(--font-main);
}

.auth-container button{
width:100%;
margin-top:15px;
padding:12px;
border:none;
background:var(--primary-red);
color:white;
border-radius:8px;
cursor:pointer;
font-weight:600;
}