.header{background-color:var(--background-secondary);padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border)}.header__container{margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}.header__logo,.header__logo h1{display:flex;align-items:center;gap:.5rem}.header__logo h1{font-size:24px;font-weight:700;line-height:1;margin:0}.header__logo img{display:block;width:2.75em;height:2.75em;object-fit:contain}.header__nav{display:flex;align-items:center;gap:20px}.header__icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.header__icon-button:hover{background:#f5793b;color:white;border-color:#f5793b}.header__referral-button{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:linear-gradient(135deg,#f5793b,#ff8c52);color:white;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:0 2px 8px rgba(245,121,59,.25)}.header__referral-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,121,59,.35)}.header__referral-button:active{transform:translateY(0)}.burger{display:flex;align-items:center;background:transparent;border:none;cursor:pointer;padding:4px}.burger:focus{outline:none;background-color:var(--Grays-50);border-radius:10px}.header__mobile-menu{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.header__mobile-menu-content{background-color:var(--background);margin:16px;padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 32px rgba(0,0,0,.12);animation:slideUp .3s ease-out}.header__mobile-menu-item{width:100%;justify-content:center;height:48px;font-size:16px;font-weight:600}.header__mobile-menu-actions{display:flex;align-items:center;justify-content:space-around;gap:12px;padding-top:16px;margin-top:8px;border-top:1px solid var(--border)}@media (max-width:768px){.header__nav{gap:12px}}.navigation-item{display:flex;align-items:center;font-size:var(--font-size-sm);line-height:var(--line-height-tight);text-decoration:none;color:var(--text-primary);gap:8px;padding:0 0 12px 12px;height:40px}.navigation-item--active{color:var(--primary)}.sidebar{width:240px;height:calc(100dvh - var(--header-height));background-color:var(--background-secondary);padding:20px 24px;border-right:1px solid var(--border);box-sizing:border-box;transition:transform .3s ease-in-out;display:flex;flex-direction:column}.sidebar.sidebar--open{transform:translateX(0)}.sidebar__close{display:none}.sidebar__limits{display:flex;flex-direction:column;gap:8px;padding:12px;margin-top:auto;background-color:var(--background-primary);border-radius:8px;border:1px solid var(--border)}.sidebar__limits-header{display:flex;justify-content:space-between;align-items:center}.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{height:6px;background-color:var(--background-secondary);border-radius:3px;overflow:hidden}.sidebar__limits-progress{height:100%;background:linear-gradient(90deg,var(--color-kitsuccess) 0,var(--color-kitwarning) 70%,var(--color-kitdanger-secondary) 100%);border-radius:3px;transition:width .3s ease}.sidebar__limits-remaining{font-size:var(--font-size-xs);color:var(--text-secondary)}.navigation{display:flex;flex-direction:column;justify-content:space-between;flex:1 1}.navigation__main{display:flex;flex-direction:column;gap:16px}.navigation__block{display:flex;flex-direction:column;gap:12px}.navigation__block-title{font-size:var(--font-size-sm);line-height:var(--line-height-tight);color:var(--text-primary);font-weight:400}.navigation__footer{display:flex;align-items:center;gap:12px;padding-bottom:12px}@media (max-width:768px){.sidebar{position:fixed;top:0;right:0;height:100dvh;z-index:1000;transform:translateX(100%);padding:16px;box-shadow:-2px 0 12px rgba(0,0,0,.15);border-right:none}.sidebar__close{display:block;background:none;border:none;cursor:pointer;padding-top:6px;margin-bottom:12px}}