.application{width:100vw;height:100vh;max-height:100vh;display:grid;grid-template-columns:290px 1.4fr 1fr;grid-template-rows:.2fr 1.8fr 1fr;gap:0px 0px;grid-template-areas:"Sidebar Header Header" "Sidebar Content Content" "Sidebar Content Content";overflow:hidden}.header{grid-area:Header}.content{grid-area:Content;overflow:auto;padding:1rem}.app-auth-layout{display:grid;place-content:center;height:100vh}.app-auth-layout form{width:50vw}:root{--color-blue: oklch(45% 50% 264);--color-red: oklch(50% 55% 31);--color-gray-50: oklch(98.42% .0034 247.86);--color-gray-100: oklch(12% 9.5% 264 / 5%);--color-gray-200: oklch(12% 9% 264 / 8%);--color-gray-300: oklch(12% 8.5% 264 / 17%);--color-gray-400: oklch(12% 8% 264 / 38%);--color-gray-500: oklch(12% 7.5% 264 / 50%);--color-gray-600: oklch(12% 7% 264 / 67%);--color-gray-700: oklch(12% 6% 264 / 77%);--color-gray-800: oklch(12% 5% 264 / 85%);--color-gray-900: oklch(12% 5% 264 / 90%);--color-gray-950: oklch(12% 5% 264 / 95%)}@media (prefers-color-scheme: dark){:root{--color-gray-50: oklch(17% .25% 264);--color-gray-75: oklch(19% .5% 264);--color-gray-100: oklch(28% .75% 264 / 65%);--color-gray-200: oklch(29% .75% 264 / 80%);--color-gray-300: oklch(35% .75% 264 / 80%);--color-gray-400: oklch(47% .875% 264 / 80%);--color-gray-500: oklch(64% 1% 264 / 80%);--color-gray-600: oklch(82% 1% 264 / 80%);--color-gray-700: oklch(92% 1.125% 264 / 80%);--color-gray-800: oklch(93% .875% 264 / 85%);--color-gray-900: oklch(95% .5% 264 / 90%);--color-gray-950: oklch(94% .375% 264 / 95%);--color-popup: var(--color-gray-50);--color-gridline: oklch(24% 1% 264);--color-highlight: oklch(45% 40% 264);--color-selection: oklch(50% 50% 264 / 40%);--color-line-highlight: oklch(50% 50% 264 / 20%);--color-line-highlight-strong: oklch(50% 50% 264 / 35%);--color-inline-highlight: oklch(50% 50% 264 / 35%);--color-gray: var(--color-gray-600);--color-blue: oklch(69% 50% 264);--color-green: oklch(75% 25% 150);--color-navy: oklch(85% 25% 264);--color-purple: oklch(85% 30% 360);--color-red: oklch(80% 55% 31);--color-violet: oklch(80% 60% 280);--foreground: white}}body{font-family:system-ui;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{isolation:isolate}.app-logo{padding:1rem 0;display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;color:var(--foregorund)}.app-logo svg{width:40px;height:40px}.sidebar{grid-area:Sidebar;width:auto;height:100vh;padding:1rem;overflow-y:auto;box-shadow:#1111120a 0 2px 4px,#1314140f 0 1px 1px;transition:transform .3s ease}.app-navigation{display:flex;flex-direction:column;gap:1rem;padding:2rem 0}.app-navigation .app-navigation__header h3{font-size:.876rem;font-weight:400;text-align:left}.app-navigation .app-navigation__header ul{list-style-type:none;padding:0;margin:0;margin-top:1rem}.app-navigation .app-navigation__header ul li{margin-bottom:.2rem}.app-navigation .app-navigation__header ul li ul{padding-left:1rem}.app-navigation .app-navigation__header ul li a{display:flex;align-items:center;padding:.5rem .7rem;gap:.7rem;font-size:.99rem;font-weight:500;text-decoration:none;transition:all ease-in-out .15s;border-radius:2rem}.app-navigation .app-navigation__header ul li a:hover{color:var(--color-blue);background-color:var(--chakra-colors-bg-muted)}._Separator_1odka_1{height:1px;background-color:var(--color-gray-300)}