:root{--bg-app: #09090b;--bg-sidebar: #18181b;--bg-card: #27272a;--bg-hover: #3f3f46;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-primary: #8b5cf6;--accent-secondary: #ec4899;--accent-gradient: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--border-color: #27272a;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:grid;grid-template-columns:280px 1fr;height:100vh;overflow:hidden;position:relative;transition:grid-template-columns var(--transition-normal)}.app-layout.collapsed{grid-template-columns:80px 1fr}.app-layout.no-sidebar{grid-template-columns:1fr}.sidebar-container{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;z-index:50}.main-content{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.content-scroll-area{flex:1;overflow-y:auto;padding:var(--spacing-xl)}@media(max-width:768px){.app-layout{grid-template-columns:1fr}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:35;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.content-scroll-area{padding:var(--spacing-md)}.mobile-header{display:flex;align-items:center;padding:8px var(--spacing-md);background-color:var(--bg-app);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:30;gap:var(--spacing-md);height:60px}.menu-button{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.mobile-logo-container{display:flex;align-items:center;height:30px}}@media(min-width:769px){.mobile-header,.sidebar-overlay{display:none}}