header .header__toolbar{padding-inline:var(--spacing-md);min-height:var(--header-height);display:flex;align-items:center;gap:var(--spacing-md)}@media (max-width: 599px){header .header__toolbar{min-height:56px;padding-inline:var(--spacing-sm);gap:var(--spacing-sm)}}@media (max-width: 599px){header .header__toolbar--search-open{gap:var(--spacing-xs)}header .header__toolbar--search-open .header__search{flex:1;min-width:0}}header .header__nav-toggle{margin-inline-end:var(--spacing-sm);transition:var(--transition-fast);color:var(--color-primary-dark);border-radius:var(--border-radius-dynamic);background:color-mix(in srgb,var(--color-primary) 15%,transparent);transition:background-color .5s ease-in-out;height:36px;width:36px;margin:0}header .header__nav-toggle svg{height:1.25rem;width:1.25rem}header .header__nav-toggle:hover{transform:scale(1);color:var(--color-primary-light);background-color:var(--color-primary)}header .header__nav-toggle:focus-visible{outline:2px solid var(--color-primary)}@media (max-width: 599px){header .header__nav-toggle{margin-inline-end:0}}header .header__logo{font-weight:600;font-size:1.25rem;margin-inline-end:var(--spacing-xl);flex-shrink:0;color:var(--color-text-primary);text-decoration:none;height:30px}@media (max-width: 599px){header .header__logo{font-size:1.125rem;margin-inline-end:var(--spacing-md)}}header .header__search{flex-shrink:0;transition:var(--transition-normal);width:300px}header .header__search .MuiOutlinedInput-root:focus-within{outline:1px solid var(--color-primary);border-radius:var(--border-radius-dynamic)}@media (max-width: 599px){header .header__search{width:120px}}header .header__search .MuiOutlinedInput-root{border-radius:var(--border-radius-dynamic);transition:var(--transition-normal);background-color:color-mix(in srgb,var(--color-surface) 35%,transparent);border:1px solid var(--color-border)}header .header__search .MuiOutlinedInput-root svg{height:1.25rem;width:1.25rem;fill:var(--color-secondary-dark)}header .header__search .MuiOutlinedInput-root:hover{background-color:color-mix(in srgb,var(--color-surface) 55%,transparent)}header .header__search .MuiOutlinedInput-root.Mui-focused{background-color:color-mix(in srgb,var(--color-surface) 55%,transparent);box-shadow:var(--shadow-sm)}header .header__search .MuiOutlinedInput-root.Mui-focused fieldset{border:1px solid var(--color-on-primary)}header .header__search .MuiInputBase-input{padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-on-surface)}header .header__search .MuiInputBase-input::placeholder{opacity:.9;color:color-mix(in srgb,var(--color-on-surface) 70%,transparent)}@media (min-width: 600px) and (max-width: 959px){header .header__search{min-width:120px;max-width:150px}}.header--mobile header .header__search{display:none;width:0;min-width:0;margin:0;padding:0;overflow:hidden;opacity:0;pointer-events:none}.header--mobile header .header__search--mobile-open{display:flex;flex:1 1 auto;width:100%;min-width:0;max-width:none;margin:0;opacity:1;pointer-events:auto}.header--mobile header .header__search-toggle{display:inline-flex;margin-inline-start:var(--spacing-sm);transition:var(--transition-fast);color:var(--color-on-surface);height:36px;width:36px}.header--mobile header .header__search-toggle:focus-visible{outline:2px solid var(--color-primary)}header .header__search-close{color:var(--color-on-surface)}header .header__spacer{flex-grow:1}header .header__avatar{width:40px;height:40px;background-color:var(--color-secondary)}header .header__user-name{color:var(--color-text-primary);font-weight:600;display:block}header .header__user-email{color:var(--color-text-secondary);font-size:var(--font-size-sm);display:block;margin-top:var(--spacing-xs)}header .header__notifications{margin-inline-start:var(--spacing-sm);transition:var(--transition-fast);color:var(--color-primary-dark);background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-radius:var(--border-radius-dynamic);transition:background-color .5s ease-in-out;height:36px;width:36px}header .header__notifications svg{height:1.25rem;width:1.25rem}header .header__notifications:focus-visible{outline:2px solid var(--color-primary)}header .header__notifications:hover{transform:scale(1);color:var(--color-primary-light);background-color:var(--color-primary)}header .header__notifications .MuiBadge-badge{font-size:var(--font-size-xs);min-width:18px;height:18px;border-radius:9999px;background-color:var(--color-error);color:var(--color-primary-light)}header .header__theme-toggle{margin-inline-start:var(--spacing-sm);transition:var(--transition-fast);color:var(--color-primary-dark);background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-radius:var(--border-radius-dynamic);transition:background-color .5s ease-in-out;height:36px;width:36px}@media (max-width: 599px){header .header__theme-toggle{display:none}}header .header__theme-toggle svg{height:1.25rem;width:1.25rem}header .header__theme-toggle:hover{transform:scale(1);color:var(--color-primary-light);background-color:var(--color-primary)}header .header__theme-toggle .MuiSvgIcon-root{transition:var(--transition-normal)}header .header__theme-toggle:hover .MuiSvgIcon-root{transform:rotate(180deg)}header .header__theme-toggle:focus-visible{outline:2px solid var(--color-primary)}header .header__settings{margin-inline-start:var(--spacing-sm);transition:var(--transition-fast);color:var(--color-secondary-dark);background:color-mix(in srgb,var(--color-secondary) 25%,transparent);border-radius:var(--border-radius-dynamic);transition:background-color .5s ease-in-out;height:36px;width:36px}header .header__settings svg{height:1.25rem;width:1.25rem}header .header__settings:focus-visible{outline:2px solid var(--color-secondary-dark)}header .header__settings:hover{transform:scale(1);color:var(--color-secondary-light);background-color:var(--color-secondary)}header .header__profile{margin-inline-start:var(--spacing-sm);padding:var(--spacing-xs);transition:var(--transition-fast)}header .header__profile:focus-visible{outline:2px solid var(--color-primary)}header .header__profile:hover{transform:scale(1.05)}header .header__profile .MuiAvatar-root{border:2px solid var(--color-on-primary);transition:var(--transition-normal);background-color:var(--color-secondary);color:var(--color-on-secondary)}header .header__profile:hover .MuiAvatar-root{border:2px solid var(--color-on-primary);box-shadow:var(--shadow-sm)}header .header__profile-menu-item{padding:var(--spacing-md) var(--spacing-md);transition:var(--transition-fast);color:var(--color-text-primary)}header .header__profile-menu-item:hover{background-color:var(--color-background);opacity:.8}header .header__profile-menu-item .MuiListItemIcon-root{min-width:40px;color:var(--color-text-secondary)}header .header__profile-menu-item .MuiListItemText-root .MuiTypography-root{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}@media (min-width: 600px) and (max-width: 959px){header .header__toolbar{padding-inline:var(--spacing-md);gap:var(--spacing-md)}header .header__logo{margin-right:var(--spacing-md)}}@media (max-width: 599px){header .header__toolbar{padding-inline:var(--spacing-sm);gap:var(--spacing-sm);min-height:56px}header .header__logo{font-size:1rem;margin-inline-end:var(--spacing-md)}header .header__notifications,header .header__theme-toggle,header .header__settings,header .header__profile{margin-inline-start:.25rem}}@media (width <= 480px){header .header__toolbar{padding-inline:.25rem;gap:.25rem}header .header__logo{margin-inline-end:var(--spacing-sm);font-size:.875rem}}header .header[data-theme=ocean]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--theme-ocean-gradient-end) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--theme-ocean-swatch) 30%,transparent)}header .header[data-theme=sunset]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--theme-sunset-gradient-end) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--theme-sunset-swatch) 30%,transparent)}header .header[data-theme=forest]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--theme-forest-gradient-end) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--theme-forest-swatch) 30%,transparent)}header .header[data-theme=ocean][data-mode=dark]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--theme-ocean-dark-end) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--theme-ocean-swatch) 40%,transparent)}header .header[data-theme=sunset][data-mode=dark]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--theme-sunset-dark-end) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--theme-sunset-swatch) 40%,transparent)}header .header[data-theme=forest][data-mode=dark]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--theme-forest-dark-end) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--theme-forest-swatch) 40%,transparent)}header.header{z-index:1030;box-shadow:none;transition:var(--transition-normal);background-color:var(--color-background)}.header__profile-menu .MuiPaper-root{margin-top:var(--spacing-sm);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);background-color:var(--color-paper-background);border:1px solid var(--color-border);width:200px;color:var(--color-text-primary)}.header__profile-menu .MuiPaper-root.MuiMenu-paper{background-color:var(--color-paper-background)}.header__profile-menu .MuiList-root{padding:0}.header__user-info{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border)}.sidebar{z-index:1030;width:var(--sidebar-width);flex-shrink:0}.sidebar .MuiDrawer-paper{width:var(--sidebar-width);box-sizing:border-box;top:var(--header-height);height:calc(100% - var(--header-height));transition:width .3s ease;border:none;background-color:var(--color-background)}@media (width <= 440px){.sidebar .MuiDrawer-paper{top:0;height:100%}}.sidebar__popout-popper{z-index:var(--sidebar-popout-z-index, 3070);position:relative;isolation:isolate}.sidebar__popout-popper--collapsed,.sidebar__popout-popper--open{z-index:var(--sidebar-popout-z-index, 3070)}.sidebar__popout-popper .sidebar__popout-menu{background-color:var(--color-surface);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);min-width:230px;max-width:280px;max-height:min(70vh,560px);overflow:hidden auto;box-shadow:0 3px 14px 2px #0000001f,0 5px 5px -3px #0003,0 1px 5px #00000024;border-radius:var(--border-radius-md);margin-top:var(--spacing-sm);z-index:inherit}.sidebar__popout-popper .sidebar__popout-menu--open{position:relative}.sidebar__popout-popper .sidebar__popout-menu .MuiList-root{padding:var(--spacing-xs) 0;background-color:var(--color-background)}.sidebar__popout-popper .sidebar__popout-item{transition:var(--transition-fast);border-radius:var(--border-radius-sm);padding-inline-start:var(--spacing-md);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);min-height:40px;margin:0 var(--spacing-sm) .25rem var(--spacing-sm)}.sidebar__popout-popper .sidebar__popout-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.sidebar__popout-popper .sidebar__popout-item:hover{background-color:var(--color-background)}.sidebar__popout-popper .sidebar__popout-item .MuiListItemIcon-root{min-width:36px}.sidebar__popout-popper .sidebar__popout-item .MuiListItemIcon-root .MuiSvgIcon-root{font-size:var(--font-size-lg)}.sidebar__popout-popper .sidebar__popout-item--active{background-color:var(--color-secondary);color:var(--color-on-primary)}.sidebar__popout-popper .sidebar__popout-item--active .MuiListItemIcon-root{color:var(--color-on-primary)}.sidebar__popout-popper .sidebar__popout-item--active .MuiListItemText-root .MuiTypography-root{color:var(--color-on-primary);font-weight:600}.sidebar__popout-popper .sidebar__popout-item .MuiListItemIcon-root{color:var(--color-text-secondary)}.sidebar__popout-popper .sidebar__popout-item .MuiListItemText-root .MuiTypography-root{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-primary)}.sidebar__popout-popper .sidebar__popout-group{color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.sidebar__popout-popper .sidebar__popout-group .sidebar__popout-group-icon{flex-shrink:0;display:inline-flex;align-items:center}.sidebar__popout-popper .sidebar__popout-group .sidebar__popout-group-icon .MuiSvgIcon-root,.sidebar__popout-popper .sidebar__popout-group .sidebar__popout-group-icon svg{font-size:1rem;color:var(--color-text-secondary)}.sidebar__popout-popper .sidebar__popout-group:first-child{margin-top:0}.sidebar__popout-popper .sidebar__popout-group--nested{padding-inline-start:var(--spacing-lg);font-size:.7rem}.sidebar__popout-popper .sidebar__popout-group-list{padding-inline-start:0}.sidebar__popout-popper .sidebar__popout-list{padding:var(--spacing-xs) 0}.sidebar .sidebar__collapse.sidebar__collapse--children{padding:0 8px 0 16px}.sidebar .sidebar__collapse.sidebar__collapse--children .sidebar__item--level-2{padding:0 8px;width:calc(var(--sidebar-width) - var(--spacing-lg) * 2);margin-bottom:4px}@media (width <= 1199px){.sidebar .sidebar__header{display:none}}.sidebar .sidebar__content{height:100%;display:flex;flex-direction:column}.sidebar .sidebar__header{padding:var(--spacing-sm);display:flex;justify-content:flex-end;border:1px solid var(--color-border)}.sidebar .sidebar__toggle-button{width:40px;height:40px;transition:var(--transition-fast)}.sidebar .sidebar__toggle-button:hover{transform:scale(1.1)}.sidebar .sidebar__list{flex:1;padding:var(--spacing-sm) 0}.sidebar .sidebar__item{margin:.25rem 0;padding:0 8px 0 16px;width:calc(var(--sidebar-width) - var(--spacing-sm) * 0)}.sidebar .sidebar__item--level-1{padding-inline-start:var(--spacing-md)}.sidebar .sidebar__item--level-2{padding-inline-start:var(--spacing-xl);width:calc(var(--sidebar-width) - var(--spacing-md) * 2)}.sidebar .sidebar__item--level-3{padding-inline-start:48px}.sidebar .sidebar__nav-button{border-radius:var(--border-radius-dynamic);transition:var(--transition-fast);min-height:var(--button-height-sm);position:relative}.sidebar .sidebar__nav-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.sidebar .sidebar__nav-button>svg{color:var(--color-text-primary)}.sidebar .sidebar__nav-button.sidebar__nav-button--active.Mui-selected{background-color:color-mix(in srgb,var(--color-secondary) 15%,transparent);color:var(--color-secondary);border-radius:var(--border-radius-dynamic)}.sidebar .sidebar__nav-button.sidebar__nav-button--active.Mui-selected .sidebar__nav-icon{color:var(--color-secondary)}.sidebar .sidebar__nav-button.sidebar__nav-button--active.Mui-selected .sidebar__nav-text>span{font-weight:500;color:var(--color-secondary)}.sidebar .sidebar__nav-button--level-1{padding-inline-start:17px}.sidebar .sidebar__nav-button--level-2{padding:0 8px}.sidebar .sidebar__nav-button--level-2 .sidebar__item{width:calc(var(--sidebar-width) - var(--spacing-lg) * 2)}.sidebar .sidebar__nav-button--level-3{padding-inline-start:49px}.sidebar .sidebar__nav-button:hover{background-color:color-mix(in srgb,var(--color-secondary) 8%,transparent)}.sidebar .sidebar__nav-button--active.Mui-selected{background-color:color-mix(in srgb,var(--color-secondary) 12%,transparent)}.sidebar .sidebar__nav-button--active.Mui-selected .sidebar__nav-icon{color:var(--color-secondary)}.sidebar .sidebar__nav-button--parent-active{background-color:color-mix(in srgb,var(--color-secondary) 15%,transparent)}.sidebar .sidebar__nav-button--parent-active .sidebar__nav-icon{color:var(--color-secondary)}.sidebar .sidebar__nav-button--parent-active>svg{fill:var(--color-secondary);font-size:1.5rem}.sidebar .sidebar__nav-button--parent-active .MuiListItemText-root .MuiTypography-root{color:var(--color-secondary);font-weight:500}.sidebar .sidebar__nav-button--parent-active .MuiSvgIcon-root:last-child{color:var(--color-secondary)}.sidebar .sidebar__nav-button .MuiListItemButton-root{padding-inline-start:var(--spacing-md)}.sidebar .sidebar__nav-button .MuiSvgIcon-root:last-child{margin-inline-start:0;transition:var(--transition-fast)}.sidebar .sidebar__nav-icon{min-width:40px;transition:var(--transition-fast);color:var(--color-text-primary)}.sidebar .sidebar__nav-icon svg{height:1.25rem;width:1.25rem}.sidebar .sidebar__nav-text{font-weight:500;color:var(--color-on-surface)}.sidebar .sidebar__nav-text>span{font-size:15px}.sidebar .sidebar__group-title{padding:var(--spacing-md) var(--spacing-md) var(--spacing-xs) var(--spacing-md);margin-top:var(--spacing-md);color:var(--color-text-secondary)}.sidebar .sidebar__group-title-item{margin-top:var(--spacing-xs);margin-bottom:0}.sidebar .sidebar__group-title-item.active-child,.sidebar .sidebar__group-title-item.active-child:hover{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);border-radius:var(--border-radius-dynamic)}.sidebar .sidebar__group-title-item.active-child .sidebar__group-title-text,.sidebar .sidebar__group-title-item.active-child:hover .sidebar__group-title-text,.sidebar .sidebar__group-title-item.active-child .MuiSvgIcon-root,.sidebar .sidebar__group-title-item.active-child:hover .MuiSvgIcon-root{color:var(--color-primary-dark)}.sidebar .sidebar__group-title-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-dynamic);transition:var(--transition-fast);min-height:36px}.sidebar .sidebar__group-title-button .sidebar__group-title-icon{min-width:28px;color:var(--color-text-secondary)}.sidebar .sidebar__group-title-button .sidebar__group-title-icon .MuiSvgIcon-root{font-size:1.125rem}.sidebar .sidebar__group-title-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.sidebar .sidebar__group-title-button:hover{background-color:color-mix(in srgb,var(--color-secondary) 8%,transparent)}.sidebar .sidebar__group-title-button .MuiListItemText-root{flex:1}.sidebar .sidebar__group-title-button .MuiSvgIcon-root{color:var(--color-text-primary);font-size:1.5rem;transition:var(--transition-fast)}.sidebar .sidebar__group-title-button:hover .MuiSvgIcon-root{opacity:1}.sidebar .sidebar__group-title-text{font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--color-text-primary)}.sidebar .sidebar__group-description{padding:0 var(--spacing-md) var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);line-height:1.4;color:var(--color-text-primary);display:block}.sidebar .sidebar__group-children{padding-inline-start:0;margin-bottom:var(--spacing-sm)}.sidebar .sidebar .MuiDrawer-paper{background-color:var(--color-background);color:var(--color-on-surface);border-inline-end:0 solid var(--color-border, rgba(0, 0, 0, .12))}.sidebar--collapsed,.sidebar--collapsed .MuiDrawer-paper{width:var(--sidebar-width-collapsed)}.sidebar--collapsed li.sidebar__item{width:calc(var(--sidebar-width-collapsed) - var(--spacing-md));margin:var(--spacing-sm);padding:0;transition:width .5s ease-in-out}.sidebar--collapsed li.sidebar__item .sidebar__nav-button{justify-content:center;min-width:30px;padding:var(--spacing-sm);border-radius:var(--border-radius-dynamic, var(--border-radius-md))}.sidebar--collapsed li.sidebar__item .sidebar__nav-button .sidebar__nav-icon{min-width:30px;justify-content:center}.sidebar--collapsed .sidebar__nav-icon{margin:0}.sidebar .sidebar__collapse .sidebar__item{margin:2px var(--spacing-sm);padding:0;width:calc(var(--sidebar-width) - var(--spacing-md) * 2)}.sidebar .sidebar__collapse .sidebar__item .sidebar__nav-button{min-height:40px;margin-inline-start:var(--spacing-sm);border-inline-start:2px solid transparent;border-radius:var(--border-radius-dynamic);transition:var(--transition-fast)}.sidebar .sidebar__collapse .sidebar__item .sidebar__nav-button svg{height:1.25rem;width:1.25rem}.sidebar .sidebar__collapse .sidebar__item .sidebar__nav-button:hover{border-inline-start-color:color-mix(in srgb,var(--color-secondary) 30%,transparent)}.sidebar .sidebar__collapse .sidebar__item .sidebar__nav-button--active{border-inline-start-color:var(--color-secondary);background-color:color-mix(in srgb,var(--color-secondary) 8%,transparent)}.sidebar__nav-button--parent-active+.sidebar .sidebar__collapse .sidebar__item .sidebar__nav-button{border-inline-start-color:color-mix(in srgb,var(--color-secondary) 20%,transparent)}.sidebar .sidebar__collapse .sidebar__item .sidebar__nav-icon{min-width:32px;font-size:var(--font-size-lg)}.sidebar .sidebar__collapse .sidebar__item .sidebar__nav-text{font-size:var(--font-size-sm);font-weight:400}.sidebar--collapsed .sidebar__collapse{display:none}.settings-bar{z-index:1050}.settings-bar .MuiDrawer-paper{width:var(--right-settings-width);box-sizing:border-box;background-color:var(--color-surface);color:var(--color-on-surface);border-inline-start:1px solid var(--color-border)}.settings-bar__content{height:100%;display:flex;flex-direction:column;background-color:var(--color-surface);color:var(--color-on-surface)}.settings-bar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-bottom-style:solid;border-bottom-width:1px}.settings-bar__title{font-weight:600;font-family:Montserrat,sans-serif}.settings-bar__close-button{transition:var(--transition-fast)}.settings-bar__close-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}[dir=rtl] .settings-bar__close-button:hover{transform:rotate(90deg)}.settings-bar__close-button:hover{transform:scale(1.1)}.settings-bar__section{padding:var(--spacing-lg);border:1px solid var(--color-border);border-bottom-style:solid;border-bottom-width:1px}.settings-bar__section:last-child{border-bottom:none}.settings-bar__section-title{display:flex;align-items:center;margin-bottom:var(--spacing-md);font-weight:500;font-family:Montserrat,sans-serif}.settings-bar__section-icon{margin-inline-end:var(--spacing-sm);font-size:var(--font-size-xl)}[dir=rtl] .settings-bar__section-icon{transform:scaleX(-1)}.settings-bar__control{width:100%}.settings-bar__control .MuiRadio-root:focus-visible .MuiRadio-icon{outline:2px solid var(--color-primary);outline-offset:0}.settings-bar__theme-option{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-bar__theme-color{width:16px;height:16px;border-radius:9999px;border:2px solid var(--color-border);flex-shrink:0}.settings-bar__theme-color--ocean{background-color:var(--theme-ocean-swatch)}.settings-bar__theme-color--sunset{background-color:var(--theme-sunset-swatch)}.settings-bar__theme-color--forest{background-color:var(--theme-forest-swatch)}.settings-bar__switch{width:100%;margin:0;justify-content:space-between;flex-direction:row-reverse}.settings-bar__switch .MuiSwitch-root:focus-visible .MuiSwitch-switchBase{outline:2px solid var(--color-primary);outline-offset:0}.settings-bar__button-group{width:100%}.settings-bar__button-group .MuiButton-root{flex:1}.settings-bar__button-group .MuiButton-root:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}[dir=rtl] .settings-bar__button-group .MuiButton-root:first-of-type{border-radius:0 var(--border-radius-md, 4px) var(--border-radius-md, 4px) 0;border-right-color:var(--variant-outlined-border, currentColor)}[dir=rtl] .settings-bar__button-group .MuiButton-root:last-of-type{border-radius:var(--border-radius-md, 4px) 0 0 var(--border-radius-md, 4px);border-right-color:var(--variant-outlined-border, currentColor)}[dir=rtl] .settings-bar__button-group.MuiButtonGroup-vertical .MuiButton-root:first-of-type{border-radius:var(--border-radius-md, 4px) var(--border-radius-md, 4px) 0 0}[dir=rtl] .settings-bar__button-group.MuiButtonGroup-vertical .MuiButton-root:last-of-type{border-radius:0 0 var(--border-radius-md, 4px) var(--border-radius-md, 4px)}.settings-bar__font-button{font-weight:500;text-transform:none}.settings-bar__font-button--roboto{font-family:Roboto,sans-serif}.settings-bar__font-button--montserrat{font-family:Montserrat,sans-serif}.settings-bar__font-button--playfair{font-family:Playfair Display,serif}.settings-bar__slider{margin:var(--spacing-md) 0}.settings-bar__slider .MuiSlider-root:focus-visible .MuiSlider-thumb{outline:2px solid var(--color-primary);outline-offset:0}.settings-bar__slider .MuiSlider-mark{background-color:var(--color-border)}.settings-bar__slider .MuiSlider-markLabel{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.settings-bar__slider .MuiSlider-markLabel[style*="right: 100%;"]{right:calc(100% - 24px)}@media (max-width: 599px){.settings-bar__section{padding:var(--spacing-md)}}.main-layout{position:relative;display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);color:var(--color-on-surface);transition:background-color .3s ease,color .3s ease}.main-layout__skip-link{position:absolute;top:-100%;inset-inline-start:var(--spacing-md);z-index:10000;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:var(--color-on-primary);font-weight:600;text-decoration:none;border-radius:var(--border-radius-dynamic);transition:top .2s ease}.main-layout__skip-link:focus{top:var(--spacing-md);outline:2px solid var(--color-on-primary);outline-offset:0}.main-layout__content{flex:1;padding:var(--spacing-lg);margin-top:var(--header-height);margin-inline:var(--sidebar-width) var(--spacing-md);transition:margin-inline-start .3s ease,padding .3s ease;background-color:var(--color-surface);border-radius:var(--border-radius-lg)}.main-layout__content:focus{outline:none}.main-layout__content:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}@media (width <= 1199px){.main-layout__content{margin-inline-start:0;padding:var(--spacing-md)}}.main-layout__content--sidebar-collapsed{margin-inline-start:var(--sidebar-width-collapsed)}@media (width <= 1199px){.main-layout__content--sidebar-collapsed{margin-inline-start:0}}@media (width <= 600px){.main-layout__content{padding:var(--spacing-sm) var(--spacing-md)}}.page-container{background-color:var(--color-background);padding:var(--spacing-lg);border-radius:var(--border-radius-dynamic);border:1px solid var(--color-border-light)}.protected-route__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--spacing-md)}.app-router__loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh}:root{--sidebar-width: 260px;--sidebar-width-collapsed: 64px;--header-height: 80px;--right-settings-width: 320px;--primary-50: #e3f2fd;--primary-100: #bbdefb;--primary-200: #90caf9;--primary-300: #64b5f6;--primary-400: #42a5f5;--primary-500: #2196f3;--primary-600: #1e88e5;--primary-700: #1976d2;--primary-800: #1565c0;--primary-900: #0d47a1;--secondary-50: #f3e5f5;--secondary-100: #e1bee7;--secondary-200: #ce93d8;--secondary-300: #ba68c8;--secondary-400: #ab47bc;--secondary-500: #9c27b0;--secondary-600: #8e24aa;--secondary-700: #7b1fa2;--secondary-800: #6a1b9a;--secondary-900: #4a148c;--success-300: #8bc34a;--success-400: #66bb6a;--success-500: #4caf50;--success-700: #388e3c;--error-500: #f44336;--error-700: #d32f2f;--error-800: #c62828;--warning-500: #ff9800;--warning-700: #f57c00;--warning-800: #ed6c02;--info-500: #03a9f4;--info-700: #0288d1;--info-800: #01579b;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-500: #9e9e9e;--color-white: #fff;--color-rating-star: #ffc107;--footer-demo-website-start: #1a1a2e;--footer-demo-website-end: #16213e;--footer-demo-website-dark-start: #0f0f1e;--footer-demo-legacy-start: #2c3e50;--footer-demo-legacy-end: #34495e;--footer-demo-legacy-dark-start: #1a252f;--theme-ocean-swatch: #1976d2;--theme-sunset-swatch: #ec407a;--theme-forest-swatch: #2ca58d;--theme-ocean-gradient-end: #006064;--theme-ocean-dark-end: #004d40;--theme-sunset-gradient-end: #e65100;--theme-sunset-dark-end: #bf360c;--theme-forest-gradient-end: #2ca58d;--theme-forest-dark-end: #1b5e20;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 50%;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px}body[data-theme=ocean]{--color-primary-200: #90caf9;--color-primary-light: #e3f2fd;--color-primary: #2196f3;--color-primary-dark: #1e88e5;--color-primary-800: #1565c0;--color-secondary-200: #ede7f6;--color-secondary-light: #b39ddb;--color-secondary: #673ab7;--color-secondary-dark: #5e35b1;--color-secondary-800: #4527a0;--color-success-light: #b9f6ca;--color-success: #00e676;--color-success-dark: #00c853;--color-warning-light: #fff8e1;--color-warning: #ffe57f;--color-warning-dark: #ffc107;--color-error-light: #ef9a9a;--color-error: #f44336;--color-error-dark: #c62828;--color-info-light: #e3f2fd;--color-info: #90caf9;--color-info-dark: #2196f3;--color-background: #ffffff;--color-surface: #eef2f6;--color-text-primary: #364152;--color-text-secondary: #666666;--color-border: rgba(0, 131, 143, .12);--color-border-light: #e3e8ef;--color-on-primary: #fff;--color-on-secondary: #fff;--color-on-surface: #364152;--color-on-background: #364152;--color-border-dark: #424242;--color-paper-background: #ffffff;--color-paper-border: #e3e8ef}body[data-theme=ocean][data-mode=dark]{--color-primary-200: #90caf9;--color-primary-light: #29314f;--color-primary: #2196f3;--color-primary-dark: #1e88e5;--color-primary-800: #1565c0;--color-secondary-light: #d1c4e9;--color-secondary-200: #b39ddb;--color-secondary: #7c4dff;--color-secondary-dark: #651fff;--color-secondary-800: #6200ea;--color-success-light: #b9f6ca;--color-success: #00e676;--color-success-dark: #00c853;--color-warning-light: #fff8e1;--color-warning: #ffe57f;--color-warning-dark: #ffc107;--color-error-light: #ef9a9a;--color-error: #f44336;--color-error-dark: #c62828;--color-info-light: #e3f2fd;--color-info: #90caf9;--color-info-dark: #2196f3;--color-background: #030614;--color-surface: #0a0f23;--color-text-primary: #bdc8f0;--color-text-secondary: #b0b0b0;--color-border: rgba(64, 196, 255, .12);--color-border-light: rgba(227, 232, 239, .2);--color-on-primary: #fff;--color-on-secondary: #fff;--color-on-surface: #bdc8f0;--color-on-background: #bdc8f0;--color-border-dark: #424242;--color-paper-background: #030614;--color-paper-border: rgba(255, 138, 101, .12)}body[data-theme=sunset]{--color-primary-200: #fde8ef;--color-primary-light: #f6a0bd;--color-primary: #ec407a;--color-primary-dark: #ea3a72;--color-primary-800: #e42a5d;--color-secondary-200: #b9b3f7;--color-secondary-light: #eeedfd;--color-secondary: #7267ef;--color-secondary-dark: #6a5fed;--color-secondary-800: #554ae8;--color-success-light: #8be09f;--color-success: #17c13e;--color-success-dark: #14bb38;--color-warning-light: #fdf5ea;--color-warning: #f0ad4e;--color-warning-dark: #ec9c3d;--color-error-light: #ef9a9a;--color-error: #f44336;--color-error-dark: #c62828;--color-info-light: #e3f2fd;--color-info: #90caf9;--color-info-dark: #2196f3;--color-background: #ffffff;--color-surface: #eef2f6;--color-text-primary: #364152;--color-text-secondary: #666666;--color-border: rgba(255, 107, 53, .12);--color-border-light: #e3e8ef;--color-on-primary: #fff;--color-on-secondary: #fff;--color-on-surface: #364152;--color-on-background: #364152;--color-border-dark: #424242;--color-paper-background: #ffffff;--color-paper-border: #e3e8ef}body[data-theme=sunset][data-mode=dark]{--color-primary-200: #fde8ef;--color-primary-light: #f6a0bd;--color-primary: #ec407a;--color-primary-dark: #ea3a72;--color-primary-800: #e42a5d;--color-secondary-light: #eeedfd;--color-secondary-200: #b9b3f7;--color-secondary: #7267ef;--color-secondary-dark: #6a5fed;--color-secondary-800: #554ae8;--color-success-light: #8be09f;--color-success: #17c13e;--color-success-dark: #14bb38;--color-warning-light: #fdf5ea;--color-warning: #f0ad4e;--color-warning-dark: #ec9c3d;--color-error-light: #ef9a9a;--color-error: #f44336;--color-error-dark: #c62828;--color-info-light: #e3f2fd;--color-info: #90caf9;--color-info-dark: #2196f3;--color-background: #030614;--color-surface: #0a0f23;--color-text-primary: #e4e8f7;--color-text-secondary: #b0b0b0;--color-border: rgba(255, 138, 101, .12);--color-border-light: rgba(227, 232, 239, .2);--color-on-primary: #fff;--color-on-secondary: #fff;--color-on-surface: #e4e8f7;--color-on-background: #e4e8f7;--color-border-dark: #424242;--color-paper-background: #030614;--color-paper-border: rgba(255, 138, 101, .12)}body[data-theme=forest]{--color-primary-200: #e2e5e8;--color-primary-light: #8591a1;--color-primary: #0a2342;--color-primary-dark: #091f3c;--color-primary-800: #05152b;--color-secondary-200: #96d2c6;--color-secondary-light: #e6f4f1;--color-secondary: #2ca58d;--color-secondary-dark: #279d85;--color-secondary-800: #1b8a70;--color-success-light: #69f0ae;--color-success: #00e676;--color-success-dark: #00c853;--color-warning-light: #fff8e1;--color-warning: #ffe57f;--color-warning-dark: #ffc107;--color-error-light: #ef9a9a;--color-error: #f44336;--color-error-dark: #c62828;--color-info-light: #e3f2fd;--color-info: #90caf9;--color-info-dark: #2196f3;--color-background: #ffffff;--color-surface: #eef2f6;--color-text-primary: #364152;--color-text-secondary: #666666;--color-border: rgba(76, 175, 80, .12);--color-border-light: #e3e8ef;--color-on-primary: #fff;--color-on-secondary: #fff;--color-on-surface: #364152;--color-on-background: #364152;--color-border-dark: #424242;--color-paper-background: #ffffff;--color-paper-border: #e3e8ef}body[data-theme=forest][data-mode=dark]{--color-primary-200: #e2e5e8;--color-primary-light: #8591a1;--color-primary: #0a2342;--color-primary-dark: #091f3c;--color-primary-800: #05152b;--color-secondary-light: #e6f4f1;--color-secondary-200: #96d2c6;--color-secondary: #2ca58d;--color-secondary-dark: #279d85;--color-secondary-800: #1b8a70;--color-success-light: #69f0ae;--color-success: #00e676;--color-success-dark: #00c853;--color-warning-light: #fff8e1;--color-warning: #ffe57f;--color-warning-dark: #ffc107;--color-error-light: #ef9a9a;--color-error: #f44336;--color-error-dark: #c62828;--color-info-light: #e3f2fd;--color-info: #90caf9;--color-info-dark: #2196f3;--color-background: #030614;--color-surface: #0a0f23;--color-text-primary: #e4e8f7;--color-text-secondary: #b0b0b0;--color-border: rgba(129, 199, 132, .12);--color-border-light: rgba(227, 232, 239, .2);--color-on-primary: #fff;--color-on-secondary: #fff;--color-on-surface: #e4e8f7;--color-on-background: #e4e8f7;--color-border-dark: #424242;--color-paper-background: #030614;--color-paper-border: rgba(255, 138, 101, .12)}:root{--color-primary-200: #1976d2;--color-primary-light: #42a5f5;--color-primary: #1976d2;--color-primary-dark: #1565c0;--color-primary-800: #1565c0;--color-secondary-200: #dc004e;--color-secondary-light: #ff5c8d;--color-secondary: #dc004e;--color-secondary-dark: #9a0036;--color-secondary-800: #9a0036;--color-success-light: #4caf50;--color-success: #388e3c;--color-success-dark: #2ca58d;--color-warning-light: #ff9800;--color-warning: #f57c00;--color-warning-dark: #ed6c02;--color-error-light: #ef5350;--color-error: #d32f2f;--color-error-dark: #c62828;--color-info: #1976d2;--color-background: #fff;--color-surface: #eef2f6;--color-text-primary: #212121;--color-text-secondary: #757575;--color-border: #e0e0e0;--color-on-primary: #fff;--color-on-secondary: #fff;--color-on-surface: #212121;--color-on-background: #212121;--color-paper-background: #fff;--color-paper-border: #e0e0e0;--color-white: #fff;--color-black: #000;--color-transparent: transparent;--font-family-primary: Roboto, sans-serif;--font-family-heading: Montserrat, sans-serif;--font-family-display: Playfair Display, serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.demo .demo__title{margin-bottom:var(--spacing-lg);color:var(--color-text-primary);font-weight:600}.demo__content{display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}@media screen and (width <= 1300px){.demo__content{grid-template-columns:1fr}}@media screen and (width <= 1024px){.demo__content{grid-template-columns:1fr}}.demo__section{display:flex;flex-direction:column;border:1px solid var(--color-border-light);border-radius:var(--border-radius-dynamic)}.demo__section:hover{box-shadow:var(--shadow-md)}.demo__section-title{margin:0;color:var(--color-text-primary);font-weight:500;padding:var(--spacing-md)}.demo__section-content{display:flex;gap:var(--spacing-md);border-top:1px solid var(--color-border-light);padding:var(--spacing-md);align-items:flex-start;flex-wrap:wrap}.demo__section_full-width{grid-column:span 2;display:flex;flex-direction:column;border:1px solid var(--color-border-light);border-radius:var(--border-radius-dynamic)}.demo__section_full-width:hover{box-shadow:var(--shadow-md)}.demo__section .MuiFormControl-root .MuiSelect-root div.MuiSelect-select{color:var(--color-text-primary)}html{font-size:var(--app-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[dir=rtl] svg.MuiSvgIcon-root{transform:scaleX(-1)}body.auth-pages{background-color:var(--color-surface);height:100vh;width:100%}body.auth-pages #root{height:100%;width:100%}.visually-hidden{position:absolute;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}:focus:not(:focus-visible){outline:none}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}.MuiAutocomplete-popper .MuiPaper-root,.MuiMenu-paper,.MuiPickersPopper-root .MuiPaper-root,.MuiPickersLayout-root,.MuiDataGrid-paper,.MuiDataGrid-panel .MuiPaper-root{background-color:var(--color-paper-background);border:1px solid var(--color-paper-border);color:var(--color-text-primary);box-shadow:var(--shadow-lg)}.MuiAutocomplete-popper .MuiPaper-root .MuiPickersDay-root,.MuiAutocomplete-popper .MuiPaper-root .MuiDayCalendar-weekDayLabel,.MuiAutocomplete-popper .MuiPaper-root .MuiPickersYear-yearButton,.MuiAutocomplete-popper .MuiPaper-root .MuiPickersCalendarHeader-label,.MuiMenu-paper .MuiPickersDay-root,.MuiMenu-paper .MuiDayCalendar-weekDayLabel,.MuiMenu-paper .MuiPickersYear-yearButton,.MuiMenu-paper .MuiPickersCalendarHeader-label,.MuiPickersPopper-root .MuiPaper-root .MuiPickersDay-root,.MuiPickersPopper-root .MuiPaper-root .MuiDayCalendar-weekDayLabel,.MuiPickersPopper-root .MuiPaper-root .MuiPickersYear-yearButton,.MuiPickersPopper-root .MuiPaper-root .MuiPickersCalendarHeader-label,.MuiPickersLayout-root .MuiPickersDay-root,.MuiPickersLayout-root .MuiDayCalendar-weekDayLabel,.MuiPickersLayout-root .MuiPickersYear-yearButton,.MuiPickersLayout-root .MuiPickersCalendarHeader-label,.MuiDataGrid-paper .MuiPickersDay-root,.MuiDataGrid-paper .MuiDayCalendar-weekDayLabel,.MuiDataGrid-paper .MuiPickersYear-yearButton,.MuiDataGrid-paper .MuiPickersCalendarHeader-label,.MuiDataGrid-panel .MuiPaper-root .MuiPickersDay-root,.MuiDataGrid-panel .MuiPaper-root .MuiDayCalendar-weekDayLabel,.MuiDataGrid-panel .MuiPaper-root .MuiPickersYear-yearButton,.MuiDataGrid-panel .MuiPaper-root .MuiPickersCalendarHeader-label,.MuiAutocomplete-popper .MuiPaper-root .MuiPickersCalendarHeader-switchViewButton,.MuiAutocomplete-popper .MuiPaper-root .MuiPickersArrowSwitcher-button,.MuiMenu-paper .MuiPickersCalendarHeader-switchViewButton,.MuiMenu-paper .MuiPickersArrowSwitcher-button,.MuiPickersPopper-root .MuiPaper-root .MuiPickersCalendarHeader-switchViewButton,.MuiPickersPopper-root .MuiPaper-root .MuiPickersArrowSwitcher-button,.MuiPickersLayout-root .MuiPickersCalendarHeader-switchViewButton,.MuiPickersLayout-root .MuiPickersArrowSwitcher-button,.MuiDataGrid-paper .MuiPickersCalendarHeader-switchViewButton,.MuiDataGrid-paper .MuiPickersArrowSwitcher-button,.MuiDataGrid-panel .MuiPaper-root .MuiPickersCalendarHeader-switchViewButton,.MuiDataGrid-panel .MuiPaper-root .MuiPickersArrowSwitcher-button{color:var(--color-text-primary)}