.profile-menu{box-sizing:border-box;background-color:var(--color-sub);border:1px solid var(--color-inactive);width:max-content;min-width:279px;max-width:min(360px,100vw - 48px);box-shadow:0 0 10px var(--color-shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.profile-menu__profile{align-items:center;gap:8px;padding:12px 24px;display:flex}.profile-menu__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.profile-menu__avatar--fallback{background-color:var(--color-inactive);color:var(--color-title);font-size:var(--fs-subtitle);font-weight:var(--fw-subtitle);justify-content:center;align-items:center;display:inline-flex}.profile-menu__identity{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.profile-menu__name,.profile-menu__email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-menu__name{font-size:var(--fs-subtitle);font-weight:var(--fw-subtitle);line-height:var(--lh-subtitle);color:var(--color-title)}.profile-menu__email{font-size:var(--fs-small);font-weight:var(--fw-small);line-height:var(--lh-small);color:var(--color-active)}.profile-menu__divider{background-color:var(--color-inactive);flex-shrink:0;height:1px}.profile-menu__item{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;font-size:var(--fs-regular);font-weight:var(--fw-regular);line-height:var(--lh-regular);color:var(--color-title);border-radius:8px;align-self:stretch;align-items:center;gap:12px;margin:8px;padding:8px 16px;transition:background-color .2s;display:flex}.profile-menu__item:hover:not(:disabled),.profile-menu__item:focus-visible{background-color:var(--color-background)}.profile-menu__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.profile-menu__item--danger{color:var(--color-negative)}.profile-menu__icon.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;font-weight:400;line-height:1;display:inline-flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.profile-menu__item{transition:none}}
.header{background-color:var(--color-sub);border-bottom:1px solid var(--color-inactive);z-index:10;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 24px;display:flex;position:relative}.header__menu{gap:16px;display:flex}.header__profile{align-items:center;gap:16px;margin-left:auto;display:flex;position:relative}.header__avatar-wrap{flex-shrink:0;display:flex}.header__avatar-button{all:unset;box-sizing:border-box;cursor:pointer;border-radius:50%;flex-shrink:0;width:40px;height:40px;padding:0;display:flex}.header__avatar-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.header__menu-panel{z-index:10;position:absolute;top:calc(100% + 8px);right:0}.header__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.header__avatar--fallback{background-color:var(--color-inactive);color:var(--color-title);font-size:var(--fs-subtitle);font-weight:var(--fw-subtitle);justify-content:center;align-items:center;display:inline-flex}@media (max-width:720px){.header{gap:8px;padding:12px 16px}.header__menu,.header__profile{gap:8px}.header .button__label{display:none}.header .button{white-space:nowrap}}
.site-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:16px 24px 24px;display:flex}.site-footer__legal{font-size:var(--fs-small);font-weight:var(--fw-small);line-height:var(--lh-small);color:var(--color-active);margin:0}.site-footer__link{font-size:var(--fs-small);font-weight:var(--fw-small);line-height:var(--lh-small);color:var(--color-active)}.site-footer__link:hover{color:var(--color-title)}
:root{--color-title:#212121;--color-active:#999;--color-inactive:#d0d0d0;--color-sub:#fbfbfb;--color-background:#f2f2f2;--color-shadow:#00000040;--color-positive:#0a8312;--color-negative:#ad1515;--color-accent-title:#f2f2f2;--color-accent:#08f;--color-accent-stroke:#0270d0;--font:Inter, system-ui, sans-serif;--fs-display-title:48px;--fw-display-title:700;--lh-display-title:normal;--fs-header-title:28px;--fw-header-title:600;--lh-header-title:normal;--fs-title:24px;--fw-title:600;--lh-title:normal;--fs-subtitle:18px;--fw-subtitle:500;--lh-subtitle:normal;--fs-regular:18px;--fw-regular:400;--lh-regular:normal;--fs-small:14px;--fw-small:400;--lh-small:normal;font-family:var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-title);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:normal}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-title:#f2f2f2;--color-active:#7a7a7a;--color-inactive:#434343;--color-sub:#262527;--color-background:#1d1c1e;--color-shadow:#00000080}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{scrollbar-width:none;-ms-overflow-style:none;min-width:320px;min-height:100vh;margin:0;padding:0;overflow-y:scroll}body::-webkit-scrollbar{display:none}h1{font-size:3.2em;line-height:1.1}.display-title{font-family:inherit;font-size:var(--fs-display-title);font-weight:var(--fw-display-title);line-height:var(--lh-display-title)}.header-title{font-family:inherit;font-size:32px;font-weight:600;line-height:normal}.title{font-family:inherit;font-size:24px;font-weight:600;line-height:normal}.subtitle{font-family:inherit;font-size:18px;font-weight:500;line-height:normal}.regular-text{font-family:inherit;font-size:18px;font-weight:400;line-height:normal}.small-text{font-family:inherit;font-size:14px;font-weight:400;line-height:normal}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){@keyframes slideUpFade{0%,to{opacity:1;transform:none}}}
#root{flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}body{box-sizing:border-box;margin:0;padding:0}.page-layout{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}