.app-header{position:sticky;top:0;z-index:40;width:100%;background:#0e121c73;border-bottom:1px solid #ffffff0f;backdrop-filter:blur(10px);margin-top:15px}.app-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,150,60,.35),rgba(255,90,70,.22),rgba(170,210,235,.22),transparent)}.header-inner{padding:14px var(--app-pad);display:flex;align-items:center;gap:14px;position:relative;min-height:165px}.brand{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;text-decoration:none;color:inherit}.brand-logo{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}.brand-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;width:min(680px,55vw);pointer-events:none}.brand-text h1{margin:0;font-size:22px;line-height:1.15;letter-spacing:.2px;background:linear-gradient(90deg,#fff,#ffaa5af2,#aad2ebe6);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 18px #0006}.brand-text h1 span{color:#ffaa5af2;background:none;-webkit-text-fill-color:rgba(255,170,90,.95);text-shadow:0 10px 26px rgba(255,150,60,.2)}.brand-text p{margin:4px 0 0;font-size:12.5px;color:#dce6ffad;letter-spacing:.25px}.header-tools{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.account-nav{position:relative;flex:0 0 auto}.account-btn{min-height:48px;display:inline-flex;align-items:center;gap:9px;max-width:220px;padding:8px 14px;border:1px solid #ffffff14;border-radius:18px;background:#050911d9;color:#fff;font-weight:900;box-shadow:var(--shadow);cursor:pointer}.account-btn:hover{border-color:#7c8dff55;background:#071326}.account-name{min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-caret{font-size:12px;color:#ffffffcc}.account-menu{position:absolute;right:0;top:calc(100%+10px);min-width:230px;padding:8px;border-radius:18px;border:1px solid #ffffff17;background:#070b13f2;box-shadow:0 22px 48px #000a;display:none;z-index:70}.account-menu.is-open{display:grid;gap:4px}.account-item{width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:13px;background:transparent;color:#eef2ff;text-align:left;font-weight:900;cursor:pointer}.account-item:hover{background:#ffffff12}.account-login{background:linear-gradient(135deg,#4f8cff,#8d6bff);color:#fff;text-align:center}.account-login:hover{background:linear-gradient(135deg,#5d97ff,#9978ff)}.account-logout{color:#ffd7dd}.account-logout:hover{background:#ff5f7618}.drawer-auth{display:grid;gap:10px;padding:12px;border:1px solid #ffffff10;border-radius:18px;background:#ffffff06}.drawer-account-toggle{width:100%;min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr)auto;align-items:center;gap:10px;padding:0 14px;border:1px solid #ffffff14;border-radius:16px;background:#0c1220;color:#eef2ff;font-weight:900;cursor:pointer}.drawer-account-toggle span:first-child{color:#fff}.drawer-account-toggle b{justify-self:end;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aeb9d3;font-size:13px}.drawer-account-menu{display:none;gap:8px}.drawer-account-menu.is-open{display:grid}.drawer-account-menu .btn{min-height:48px}.drawer.is-guest .drawer-account-menu{display:grid}.drawer.is-guest .drawer-auth{margin-top:4px}.drawer-lang{display:grid;gap:10px;padding:12px;border:1px solid #ffffff10;border-radius:18px;background:#ffffff06}.drawer-lang-toggle{width:100%;min-height:50px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 14px;border:1px solid #ffffff14;border-radius:16px;background:#0c1220;color:#eef2ff;font-weight:900;cursor:pointer}.drawer-lang-toggle b{justify-self:end;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.drawer-lang-menu{display:none;max-height:290px;overflow:auto;padding:6px;border:1px solid #ffffff12;border-radius:18px;background:#070b13}.drawer-lang-menu.is-open{display:grid;gap:6px}.drawer-lang-menu .lang-item{min-height:68px;border:1px solid #ffffff0e;background:#0c1220}.drawer-lang-menu .lang-item.is-active{background:linear-gradient(135deg,#1c2851,#24204f);border-color:#7c8dff50}.lang{position:relative;flex:0 0 auto}.lang-btn{min-height:48px;display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid #ffffff14;border-radius:18px;background:#050911d9;color:#fff;font-weight:800;box-shadow:var(--shadow);cursor:pointer}.lang-ico{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#3268d9,#15a8ff);box-shadow:0 0 26px rgba(64,132,255,.45)}.lang-caret{font-size:12px;color:#ffffffcc}.lang-menu{position:absolute;right:0;top:calc(100%+10px);min-width:220px;padding:8px;border-radius:18px;border:1px solid #ffffff17;background:#070b13f2;box-shadow:0 22px 48px #000a;display:none}.lang-menu.is-open{display:block}.lang-item{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr)auto;align-items:center;gap:10px;padding:10px;border:0;border-radius:14px;background:transparent;color:#eef2ff;text-align:left;cursor:pointer}.lang-item:hover,.lang-item[aria-selected=true]{background:#ffffff12}.lang-flag img{width:28px;height:28px;border-radius:50%;object-fit:cover}.lang-name{font-weight:700}.lang-code{font-size:11px;color:#93a4c8}.burger-btn{margin-left:10px;flex:0 0 auto;width:44px;height:44px;border-radius:12px;border:1px solid #ffffff1a;background:#0a0e168c;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}.burger-btn span{display:block;width:18px;height:2px;background:#ffffffe0;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.burger-btn.is-open span:nth-child(1){transform:translateY(7px)rotate(45deg)}.burger-btn.is-open span:nth-child(2){opacity:0}.burger-btn.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.drawer{position:fixed;inset:0;z-index:80;display:none}.drawer.is-open{display:flex}.drawer-backdrop{position:absolute;inset:0;background:#0000008c;backdrop-filter:blur(6px)}.drawer-panel{position:absolute;right:0;top:0;height:100vh;width:min(420px,92vw);background:#0a0c12eb;border-left:1px solid #ffffff1a;box-shadow:-18px 0 50px #0000008c;backdrop-filter:blur(12px);display:flex;flex-direction:column;overflow:hidden;transform:translateX(110%);transition:transform .22s ease}.drawer.is-open .drawer-panel{transform:translateX(0)}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid #ffffff14}.drawer-title{font-weight:800;letter-spacing:.2px;color:#ffffffeb}.drawer-close{width:40px;height:40px;border-radius:12px;border:1px solid #ffffff1a;background:#ffffff0f;color:#ffffffe6;cursor:pointer}.drawer-body{padding:14px 16px 18px;display:grid;gap:12px;overflow-x:hidden}.drawer .btn{width:100%;min-height:50px;border-radius:18px}.notify-nav{position:relative}.notify-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#060b18;color:#f8fbff;font-size:20px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18)}.notify-btn:hover{border-color:rgba(119,140,255,.5);background:#101a34}.notify-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ff4d76,#ffb84d);color:#fff;font-size:12px;font-weight:950;line-height:20px;text-align:center;box-shadow:0 0 0 2px #070c18}.notify-menu{position:absolute;right:0;top:calc(100%+10px);width:min(360px,calc(100vw - 24px));padding:12px;border:1px solid rgba(122,148,230,.22);border-radius:20px;background:linear-gradient(180deg,#101a34,#070d1b);box-shadow:0 22px 70px rgba(0,0,0,.45);display:none;z-index:70}.notify-menu.is-open{display:block}.notify-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.notify-menu-head strong{font-size:16px}.link-btn{border:0;background:transparent;color:#9eb7ff;font-weight:900;cursor:pointer}.notify-list{display:grid;gap:8px;max-height:340px;overflow:auto}.notify-item{display:grid;gap:4px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(3,10,23,.5)}.notify-item.is-unread{border-color:rgba(96,231,163,.35);box-shadow:0 0 20px rgba(96,231,163,.08)}.notify-item b{font-size:14px}.notify-item small{color:#9fb0d7}.notify-empty{padding:14px;color:#9fb0d7}.notify-read-btn{width:100%;margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#121d38;color:#f8fbff;font-weight:900;cursor:pointer}.notify-read-btn:hover{background:#1a2a52}@media (max-width:760px){.notify-btn{width:44px;height:44px}.notify-menu{right:-110px}}.notify-btn{text-decoration:none}.notify-nav[hidden],#drawerNotificationsBtn[hidden]{display:none!important}

.notify-menu-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.notify-close-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.08);color:#f7f9ff;font-size:24px;font-weight:900;line-height:1;cursor:pointer}.notify-close-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(158,183,255,.55)}.notify-read-btn[hidden]{display:none!important}
