@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";.loader{border:2px solid var(--surface-hover);border-top-color:var(--grey-color);border-radius:50%;width:32px;height:32px;margin:40px auto;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{background:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-layout__container{width:100%;max-width:420px;padding:16px}.sidebar{background:var(--surface-color);border-right:1px solid var(--border-color);flex-direction:column;width:240px;min-width:240px;height:100vh;padding:20px 0;display:flex}.sidebar__header{border-bottom:1px solid var(--border-color);padding:0 20px 20px}.sidebar__logo{color:#fff;font-size:20px;font-weight:600}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:12px 0;display:flex}.sidebar__link{color:var(--grey-color);padding:10px 20px;font-size:14px;transition:all .15s;display:block}.sidebar__link:hover{color:var(--text-color);background:var(--surface-hover)}.sidebar__link--active{color:#fff;background:var(--surface-hover)}.sidebar__footer{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;padding:16px 20px 0;display:flex}.sidebar__user{color:var(--grey-color);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar__logout{border:1px solid var(--border-color);color:var(--grey-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px;font-size:13px;transition:all .15s}.sidebar__logout:hover{color:var(--red-color);border-color:var(--red-color)}.dashboard-layout{width:100%;height:100vh;display:flex;overflow:hidden}.dashboard-layout__content{flex:1;padding:32px;overflow-y:auto}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}:root{--primary-color:#ccd0cf;--bg-color:#020b10;--surface-color:#0a1a24;--surface-hover:#11212d;--border-color:#ccd0cf0f;--text-color:#ccd0cf;--grey-color:#9ba8ab;--accent-color:#4a5c6a;--red-color:#e55b5b;--green-color:#4ade80;--font-family:"Space Grotesk", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}body{font-family:var(--font-family);background:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--primary-color);text-decoration:none}a:hover{color:#fff}::selection{background:var(--accent-color);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}