.navbar{background-color:var(--color-bg);height:64px;box-shadow:var(--shadow-md);align-items:center;padding:8px 64px;display:flex}.navbar-container{justify-content:flex-start;align-items:center;width:100%;max-width:1536px;height:100%;display:flex}.navbar-brand{color:var(--color-primary);text-align:center;width:25%;font-size:18px;font-weight:700;text-decoration:none}.navbar-menu{justify-content:space-between;align-items:center;width:75%;height:100%;margin:0;padding:0;list-style:none;display:flex}.navbar-menu-item{justify-content:center;align-items:center;width:160px;height:100%;padding-top:16px;padding-bottom:16px;display:flex}.navbar-link{transition:color var(--transition-fast);font-size:14px;font-weight:500;text-decoration:none}.navbar-link.active{color:var(--color-primary)}.navbar-link:not(.active){color:var(--color-text-muted)}.navbar-link:not(.active):hover{color:var(--color-text)}.layout{background-color:var(--color-bg);height:100vh;color:var(--color-text);flex-direction:column;display:flex;overflow:hidden}.layout-main{flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}:root{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-secondary:#f59e0b;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f97316;--color-bg:#fff;--color-bg-muted:#f9fafb;--color-surface:#f3f4f6;--color-border:#e5e7eb;--color-text:#111827;--color-text-muted:#6b7280;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"Fira Code", monospace;--font-size-base:1rem;--line-height-base:1.5;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}html,body,#root{width:100%;height:100%;margin:0;padding:0}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd,pre{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}