:root{--background-color:#fff;--secondary-background:#f5f5f5;--border-color:#ddd;--accent-color:orange;--text-color:#333}@media (prefers-color-scheme:dark){:root{--background-color:#121212;--secondary-background:#222;--border-color:#444}}*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}ea-main-shell{display:grid;grid-template-columns:250px 1fr;grid-template-rows:60px 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100vh}.topbar{grid-area:topbar;display:flex;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items: center;padding:0 24px;box-shadow:0 1px 3px #0000000d}.topbar-left{display:flex;align-items: center;gap:16px}.topbar-title{color:#111827;font-size:18px;font-weight:600}.topbar-right{display:flex;align-items: center;gap:16px}.user-avatar{display:flex;color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items: center;width:36px;height:36px;font-weight:600}.sidebar{grid-area:sidebar;color:#fff;display:flex;overflow-y:auto;background-color:#1f2937;flex-direction:column}.sidebar-header{border-bottom:1px solid #374151;padding:20px}.app-logo{color:#fff;display:flex;align-items: center;gap:8px;font-size:20px;font-weight:700}.logo-icon{display:flex;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items: center;width:32px;height:32px}.nav-menu{flex:1;padding:16px 0}.nav-section{margin-bottom:24px}.nav-section-title{text-transform:uppercase;color:#9ca3af;letter-spacing:.5px;padding:0 20px 8px;font-size:11px;font-weight:600}.nav-item{display:flex;color:#d1d5db;text-decoration:none;cursor:pointer;align-items: center;gap:12px;padding:12px 20px;transition:all .2s}.nav-item:hover{color:#fff;background-color:#374151}.nav-item.active{color:#fff;background-color:#374151;border-right:3px solid #667eea}.nav-icon{display:flex;justify-content:center;align-items: center;width:20px;height:20px}.main-content{grid-area:main;overflow-y:auto;background-color:#f9fafb;padding:24px}.content-card{background:#fff;border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.content-card h2{color:#111827;margin-bottom:16px;font-size:24px}.content-card p{color:#6b7280;line-height:1.6}@media (max-width:768px){.app-container{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.sidebar{display:none}}