/* Login styles moved to login.css */

.app-container { min-height: 100vh; }
.header { 
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
    color: white; padding: 0 25px; height: 60px; 
    display: flex; justify-content: space-between; align-items: center; 
}
.header h1 { font-size: 20px; }
.header-right { display: flex; align-items: center; gap: 15px; }
.header-right span { font-size: 14px; }
.logout-btn { 
    background: rgba(255,255,255,0.2); border: none; color: white; 
    padding: 8px 18px; border-radius: 6px; cursor: pointer; font-size: 14px; 
}
.logout-btn:hover { background: rgba(255,255,255,0.3); }
.main-wrapper { display: flex; min-height: calc(100vh - 60px); }
.sidebar { width: 200px; background: #1e2a3a; padding-top: 10px; }
.menu-item { 
    padding: 14px 20px; color: #8899a6; cursor: pointer; 
    font-size: 14px; border-left: 3px solid transparent;
}
.menu-item:hover, .menu-item.active { background: #2a3a4a; color: #fff; border-left-color: #667eea; }
.content { flex: 1; padding: 20px; background: #f0f2f5; overflow-y: auto; }
.page { display: none; }
.page.active { display: block; }