.theme-toggle{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.theme-toggle__container{align-items:center;gap:12px;display:flex}.theme-toggle__track{background:var(--background-secondary);border:2px solid var(--border);cursor:pointer;border-radius:20px;width:80px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.theme-toggle__track:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #f5793b33}.theme-toggle__slider{background:linear-gradient(135deg,var(--primary),var(--primary-hover));z-index:2;border-radius:16px;width:calc(50% - 4px);height:calc(100% - 4px);transition:left .4s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;box-shadow:0 2px 6px #f5793b4d}.theme-toggle__options{z-index:3;width:100%;height:100%;display:flex;position:relative}.theme-toggle__option{border-radius:16px;flex:1;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.theme-toggle__option.active{color:#fff}.theme-toggle__option:not(.active){color:var(--text-secondary)}.theme-toggle__icon{filter:drop-shadow(0 1px 2px #0000001a);transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle__option.active .theme-toggle__icon{filter:drop-shadow(0 2px 4px #ffffff4d);transform:scale(1.1)}.theme-toggle__option:not(.active) .theme-toggle__icon{opacity:.6;transform:scale(.9)}.theme-toggle__label{color:var(--text-primary);white-space:nowrap;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle__track:active .theme-toggle__slider{transform:scale(.95)}.theme-toggle__track:hover .theme-toggle__label{color:var(--primary)}.theme-toggle__track:active{transform:translateY(-1px)scale(.98)}.theme-toggle__slider:hover{box-shadow:0 4px 12px #f5793b66}@media (max-width:768px){.theme-toggle__label{display:none}.theme-toggle__container,.theme-toggle{gap:0}.theme-toggle__track{border-radius:18px;width:60px;height:36px}.theme-toggle__slider{border-radius:14px}.theme-toggle__icon{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){.theme-toggle__track,.theme-toggle__slider,.theme-toggle__option,.theme-toggle__icon,.theme-toggle__label{transition:none}}
.Icon{cursor:pointer}.notification-container{position:relative}.notification-btn{cursor:pointer;color:var(--primary-text);background:0 0;border:none;align-items:center;padding:4px;display:flex}.notification-dropdown{background-color:var(--background-secondary);z-index:999;border-radius:12px;width:420px;height:360px;padding:12px;position:absolute;top:36px;right:0;box-shadow:0 6px 16px #00000026}.notification-empty{opacity:.7;text-align:center;font-size:14px}.notification-tabs{margin-bottom:8px;display:flex}.notification-tab-btn{cursor:pointer;border:none;border-color:var(--primary);opacity:.7;background:0 0;border-bottom:2px solid #0000;flex:1;padding:8px;font-size:14px;transition:all .2s ease-in-out}.notification-tab-btn.active{opacity:1;border-bottom-color:var(--primary)}.notification-list{scrollbar-gutter:stable;scrollbar-width:8px;scrollbar-color:#888 #f0f0f0;flex-direction:column;gap:8px;max-height:292px;padding-right:6px;display:flex;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-thumb{background-color:var(--border);border:1px solid #f0f0f0}.notification-list::-webkit-scrollbar-button{display:none}.notification-item{cursor:pointer;border-radius:6px;padding:8px;font-size:14px;transition:background-color .2s}.notification_blocks_separator{border:1px solid var(--border);width:100%;height:1px}.notification-blocks,.notification_block{flex-direction:column;gap:8px;display:flex}.notification_block_header{flex-direction:column;gap:4px;display:flex}.notification_block_header_text{font-size:var(--font-size-sm);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal)}.notification_block_header_time{font-size:var(--font-size-xs);line-height:var(--line-height-verytight);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-normal)}.notification_block_text{font-size:var(--font-size-sm);line-height:var(--line-height-tight);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-normal)}.notification-mark-read-btn{cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,transform .15s;display:flex}.notification-mark-read-btn:hover{background:#0000001f;transform:scale(1.05)}.notification-mark-read-btn:active{transform:scale(.96)}.notification_mark_read_btn_wrapper{justify-content:right;margin-right:8px;display:flex}.notification-btn{position:relative}.notification-badge{color:#fff;background-color:#ff3b30;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #fff}@media (max-width:770px){.notification-dropdown{right:-40px}}@media (max-width:460px){.notification-dropdown{width:360px;height:360px;right:-70px}}@media (max-width:400px){.notification-dropdown{width:300px;height:380px;right:-117px}}@media (max-width:360px){.notification-dropdown{width:240px;height:360px;right:-86px}}
.Icon{cursor:pointer}
.header{background-color:var(--background-secondary);z-index:100;border-bottom:1px solid var(--border);padding:0 24px;position:sticky;top:0}.header__container{height:var(--header-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header__logo{align-items:center;gap:.5rem;display:flex}.header__logo h1{align-items:center;gap:.5rem;margin:0;font-size:24px;font-weight:700;line-height:1;display:flex}.header__logo img{object-fit:contain;width:2.75em;height:2.75em;display:block}.header__nav{align-items:center;gap:20px;display:flex}.header__icon-button{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.header__icon-button:hover{color:#fff;background:#f5793b;border-color:#f5793b}.header__referral-button{color:#fff;cursor:pointer;height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:linear-gradient(135deg,#f5793b,#ff8c52);border:none;border-radius:8px;align-items:center;gap:8px;padding:0 14px;transition:all .2s;display:flex;box-shadow:0 2px 8px #f5793b40}.header__referral-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f5793b59}.header__referral-button:active{transform:translateY(0)}.burger{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.burger:focus{background-color:var(--Grays-50);border-radius:10px;outline:none}.header__mobile-menu{top:var(--header-height);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#00000080;animation:.2s ease-out fadeIn;position:fixed;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header__mobile-menu-content{background-color:var(--background);border-radius:16px;flex-direction:column;gap:16px;margin:16px;padding:24px;animation:.3s ease-out slideUp;display:flex;box-shadow:0 8px 32px #0000001f}.header__mobile-menu-item{justify-content:center;width:100%;height:48px;font-size:16px;font-weight:600}.header__mobile-menu-actions{border-top:1px solid var(--border);justify-content:space-around;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}@media (max-width:768px){.header__nav{gap:12px}}
.navigation-item{font-size:var(--font-size-sm);line-height:var(--line-height-tight);color:var(--text-primary);align-items:center;gap:8px;height:40px;padding:0 0 12px 12px;text-decoration:none;display:flex}.navigation-item--active{color:var(--primary)}
.sidebar{width:240px;height:calc(100dvh - var(--header-height));background-color:var(--background-secondary);border-right:1px solid var(--border);box-sizing:border-box;flex-direction:column;padding:20px 24px;transition:transform .3s ease-in-out;display:flex}.sidebar.sidebar--open{transform:translate(0)}.sidebar__close{display:none}.sidebar__limits{background-color:var(--background-primary);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;margin-top:auto;padding:12px;display:flex}.sidebar__limits-header{justify-content:space-between;align-items:center;display:flex}.sidebar__limits-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.sidebar__limits-values{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.sidebar__limits-bar{background-color:var(--background-secondary);border-radius:3px;height:6px;overflow:hidden}.sidebar__limits-progress{background:linear-gradient(90deg,var(--color-kitsuccess)0%,var(--color-kitwarning)70%,var(--color-kitdanger-secondary)100%);border-radius:3px;height:100%;transition:width .3s}.sidebar__limits-remaining{font-size:var(--font-size-xs);color:var(--text-secondary)}.navigation{flex-direction:column;flex:1;justify-content:space-between;display:flex}.navigation__main{flex-direction:column;gap:16px;display:flex}.navigation__block{flex-direction:column;gap:12px;display:flex}.navigation__block-title{font-size:var(--font-size-sm);line-height:var(--line-height-tight);color:var(--text-primary);font-weight:400}.navigation__footer{align-items:center;gap:12px;padding-bottom:12px;display:flex}@media (max-width:768px){.sidebar{z-index:1000;border-right:none;height:100dvh;padding:16px;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-2px 0 12px #00000026}.sidebar__close{cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding-top:6px;display:block}}