body {
    background: var(--bg-main);
    display: flex;
    height: 100vh;
    overflow: hidden;
}
/* Shell Components */
#app-container { display: flex; width: 100%; height: 100%; }
#sidebar {
    width: 270px; background: var(--sidebar-grad); border-right: 1px solid rgba(0,0,0,0.2);
    display: flex; flex-direction: column; z-index: 10;
}
#main-content {
    flex-grow: 1; padding: 40px 50px; overflow-y: auto; position: relative;
    background-image: radial-gradient(circle at 100% 0%, rgba(211, 47, 47, 0.05) 0%, transparent 50%);
}
/* Utility classes for views */
.view-section { display: none; animation: fadeIn 0.4s ease forwards; }
.view-section.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }