.login-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 280px 1fr; }
.sidebar { background: linear-gradient(180deg, #526b85 0%, #43576d 100%); color: white; padding: 32px 24px; display: flex; flex-direction: column; justify-content: space-between; }
.main { padding: 40px; }
.grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.7fr); gap: 24px; align-items: start; }
.topbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; gap: 20px; }
.top-actions { display: flex; align-items: center; gap: 12px; }
@media (max-width: 900px) { .app-shell { grid-template-columns: 1fr; } .sidebar { padding: 24px; } .main { padding: 24px; } .grid { grid-template-columns: 1fr; } .topbar { align-items: flex-start; flex-direction: column; } }