.new-header{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,248,241,.54));box-shadow:0 2px 4px #0000001a;padding:10px 20px;color:#172033;border-bottom-left-radius:20px;border-bottom-right-radius:20px;position:sticky;top:0;z-index:1000;overflow:visible;transition:background .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1),backdrop-filter .35s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .35s cubic-bezier(.16,1,.3,1)}.new-header.header-scrolled{isolation:auto;background:linear-gradient(180deg,#ffffffc7,#fffcf8ad);backdrop-filter:saturate(185%) blur(28px);-webkit-backdrop-filter:saturate(185%) blur(28px);box-shadow:0 10px 36px #0f172a14,inset 0 1px #ffffffb8;border-bottom:1px solid rgba(255,255,255,.55)}.new-header.header-scrolled .top-bar,.new-header.header-scrolled .bottom-bar{display:flex;opacity:1;visibility:visible;max-height:none;overflow:visible;transform:none}body.dark-mode .new-header{color:#f7eee4;background:linear-gradient(180deg,#25211df5,#1c1a18f5);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #0006}body.dark-mode .new-header.header-scrolled{background:linear-gradient(180deg,#25211df5,#1c1a18f5);backdrop-filter:saturate(160%) blur(30px);-webkit-backdrop-filter:saturate(160%) blur(30px);box-shadow:0 12px 40px #0000006b,inset 0 1px #ffffff14;border-bottom:1px solid rgba(255,255,255,.1)}.new-header .top-bar{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.new-header .bottom-bar{position:relative;z-index:1;display:flex;justify-content:center;padding-top:8px}.new-header .logo a{font-family:Poppins,sans-serif;font-size:28px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.5px}.new-header.header-scrolled .logo a{color:#ff5722}body.dark-mode .new-header.header-scrolled .logo a{color:#fff}.new-header .navigation a{margin:0 5px;padding:8px 16px;text-decoration:none;color:#172033;font-weight:600;font-size:.95rem;transition:all .3s ease;border-radius:12px}.new-header .navigation a:hover{background-color:#fff3}.new-header.header-scrolled .navigation a{color:#1e293b}.new-header.header-scrolled .navigation a:hover{background-color:#ffffff6b}body.dark-mode .new-header .navigation a{color:#e0e0e0}body.dark-mode .new-header.header-scrolled .navigation a:hover{background-color:#ffffff1a}.new-header .user-actions{display:flex;align-items:center;gap:12px;position:relative;z-index:1202}.new-header .header-btn,.new-header .action-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;padding:8px 12px;border-radius:12px;transition:all .2s ease;font-size:.9rem;font-weight:500}.new-header.header-scrolled .header-btn,.new-header.header-scrolled .action-btn{color:#1e293b;background:#ffffff6b;border-color:#ffffff9e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff8c}body.dark-mode .new-header .header-btn,body.dark-mode .new-header .action-btn{color:#f0f0f0;background:#ffffff14;border-color:#ffffff1a}.new-header .header-btn:hover,.new-header .action-btn:hover{background:#ffffff40;transform:translateY(-1px)}.new-header.header-scrolled .header-btn:hover,.new-header.header-scrolled .action-btn:hover{background:#ffffff9e;border-color:#ffffffc7}body.dark-mode .new-header .header-btn:hover,body.dark-mode .new-header .action-btn:hover{background:#ffffff26}.new-header .lang-currency-control{position:relative;z-index:1203}.new-header .lang-currency-dropdown-menu{position:absolute;top:calc(100% + 15px);right:0;width:320px;background-color:#fff;color:#333;border-radius:12px;box-shadow:0 10px 40px #0000001f;display:none;flex-direction:column;z-index:9999;padding:0;border:1px solid rgba(0,0,0,.05);transform-origin:top right;animation:dropdownPop .3s cubic-bezier(.175,.885,.32,1.275) forwards;overflow:hidden}.new-header .lang-currency-dropdown-menu:before{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px}.new-header .lang-currency-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0);display:flex}.new-header .lc-tabs{display:flex;border-bottom:1px solid #f0f2f5;padding:4px;gap:4px}.new-header .lc-tab{flex:1;background:transparent;border:none;padding:10px 4px;font-size:.85rem;font-weight:600;color:#888;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden}.new-header .lc-tab i.fas{font-weight:900}.new-header .lc-tab:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:3px;background:var(--brand-start, #ff8c00);border-radius:3px 3px 0 0;transform:translateY(3px) scaleX(0);transition:transform .3s cubic-bezier(.25,.8,.25,1)}.new-header .lc-tab:hover{color:var(--primary-color, #ff5722);background:#ff57220a}.new-header .lc-tab.active{background:linear-gradient(135deg,#ff8c0014,#ff572208);color:var(--primary-color, #ff5722);font-weight:700}.new-header .lc-tab.active:after{transform:translateY(0) scaleX(1)}.new-header .lc-panel{display:none;flex-direction:column;padding:6px;max-height:260px;overflow-y:auto}.new-header .lc-panel.active{display:flex}.new-header .lc-option{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#444;text-decoration:none;border-radius:10px;font-size:.95rem;font-weight:500;transition:all .25s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;margin-bottom:4px;white-space:nowrap}.new-header .lc-option:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(to bottom,#ff8c00,#ff5722);transform:scaleY(0);transition:transform .25s cubic-bezier(.25,.8,.25,1);transform-origin:center;border-radius:0 3px 3px 0}.new-header .lc-option:hover{background:#fff8f3;color:var(--primary-color, #ff5722);transform:translate(4px);box-shadow:0 4px 12px #ff57220d}.new-header .lc-option.active{background:#fff3ec;color:var(--primary-color, #ff5722);font-weight:700}.new-header .lc-option.active:before{transform:scaleY(1)}.new-header .lc-option.active:after{content:"\f00c";font-family:"Font Awesome 5 Free","Font Awesome 6 Free";font-weight:900;position:absolute;right:14px;color:var(--primary-color, #ff5722);font-size:.95em;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.new-header .lc-flag{font-size:1.15em;flex-shrink:0}.new-header .lc-footer{padding:8px 14px;font-size:.75rem;color:#aaa;display:flex;align-items:center;gap:6px;border-top:1px solid #f0f2f5}body.dark-mode .new-header .lang-currency-dropdown-menu{background:#151b2a;color:#e8ecf7;border:1px solid rgba(255,255,255,.12)}body.dark-mode .new-header .lc-tab{color:#aaa}body.dark-mode .new-header .lc-tab.active{background:#ff57222e;color:#ffb37f}body.dark-mode .new-header .lc-option{color:#dde4f5}body.dark-mode .new-header .lc-option:hover,body.dark-mode .new-header .lc-option.active{background:#ffffff14;color:#fff}body.dark-mode .new-header .lc-footer{color:#666;border-top-color:#ffffff0f}.new-header .account-control{position:relative;display:flex;align-items:center;cursor:pointer;padding:4px 8px;border-radius:12px;transition:background .2s;width:186px;min-width:186px;max-width:186px;flex:0 0 186px}.new-header .account-control:hover{background:#ffffff1a}.new-header.header-scrolled .account-control:hover{background:#ffffff59}.new-header .account-control i.fa-user{font-size:1.2rem;background:#fff3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.new-header.header-scrolled .account-control i.fa-user{background:#ffffff80;color:#1e293b;border:1px solid rgba(255,255,255,.65)}.new-header .account-text{margin-left:10px;display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1 1 auto}.new-header.header-scrolled .account-text{color:#1e293b}.new-header .welcome-text{font-size:.75rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-header .auth-action{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-header .auth-dropdown-menu{position:absolute;top:100%;right:0;margin-top:12px;background:#ffffffd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 40px -10px #0000001a,0 0 0 1px #00000005;border-radius:20px;width:min(340px,calc(100vw - 24px));z-index:1400;opacity:0;visibility:hidden;transform:translateY(8px) scale(.96);transform-origin:top right;transition:all .3s cubic-bezier(.2,.8,.2,1);overflow:hidden;padding:0}.new-header .auth-dropdown-menu:before{content:"";position:absolute;top:-24px;right:0;width:100%;height:24px}.new-header .account-control.menu-open .auth-dropdown-menu,.new-header .account-control:hover .auth-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.new-header .account-control{position:relative;z-index:1401}.new-header .account-control.menu-open{z-index:4000}body.dark-mode .new-header .auth-dropdown-menu{background:#141822d9;border-color:#ffffff14;box-shadow:0 10px 40px -10px #00000080,0 0 0 1px #ffffff0d}.auth-header.guest{padding:24px 24px 20px;text-align:center;background:transparent}.auth-header.guest h3{margin:0 0 8px;font-size:1.2rem;color:#1a1a1a}body.dark-mode .auth-header.guest h3{color:#fff}.auth-header.guest p{margin:0 0 20px;font-size:.9rem;color:#666}body.dark-mode .auth-header.guest p{color:#aaa}.new-header .guest-content{display:flex;flex-direction:column;gap:16px;width:100%}.new-header .guest-title{margin:0}.new-header .guest-desc{line-height:1.55}.auth-btns{display:flex;gap:10px}.auth-btn{flex:1;padding:10px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:transform .2s}.auth-btn:hover{transform:translateY(-2px)}.auth-btn.primary{background:linear-gradient(to right,#ff8c00,#ff5722);color:#fff;box-shadow:0 4px 12px #ff57224d}.auth-btn.secondary{background:#0000000d;color:#333}body.dark-mode .auth-btn.secondary{background:#ffffff1a;color:#eee}.auth-header.user{padding:24px;position:relative;background:linear-gradient(135deg,#ffffff80,#ffffff1a);border-bottom:1px solid rgba(0,0,0,.05)}body.dark-mode .auth-header.user{background:linear-gradient(135deg,#ffffff0d,#ffffff03);border-bottom-color:#ffffff0d}.user-profile-row{display:flex;align-items:center;gap:16px}.avatar-ring{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ff8c00,#ff5722);padding:2px}.avatar-ring .avatar-img{width:100%;height:100%;border-radius:50%;background:#fff;object-fit:cover;border:2px solid #fff}body.dark-mode .avatar-ring .avatar-img{border-color:#1a1f2e;background:#1a1f2e}.avatar-ring .avatar-initials{width:100%;height:100%;border-radius:50%;background:#fff;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-weight:700;color:#ff5722;font-size:20px}body.dark-mode .avatar-ring .avatar-initials{background:#1a1f2e;border-color:#1a1f2e}.user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name{font-weight:700;font-size:1.1rem;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark-mode .user-name{color:#fff}.user-email{font-size:.85rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark-mode .user-email{color:#aaa}.user-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ff8c00,#ff5722);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.user-badge i{-webkit-text-fill-color:#ff8c00}.new-header .auth-dropdown-menu .auth-menu-list{padding:12px;display:flex;flex-direction:column;gap:4px}.new-header .auth-dropdown-menu .menu-link{display:flex;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;color:#444;font-weight:600;font-size:.95rem;border-radius:12px;transition:all .2s ease;position:relative}body.dark-mode .new-header .auth-dropdown-menu .menu-link{color:#d8e0f0}.new-header .auth-dropdown-menu .menu-link i:not(.fa-chevron-right){width:20px;color:#888;font-size:1.1rem;transition:color .2s ease}body.dark-mode .new-header .auth-dropdown-menu .menu-link i:not(.fa-chevron-right){color:#777}.new-header .auth-dropdown-menu .menu-link .fa-chevron-right{margin-left:auto;font-size:.8rem;color:#ccc;opacity:0;transform:translate(-10px);transition:all .2s ease}body.dark-mode .new-header .auth-dropdown-menu .menu-link .fa-chevron-right{color:#555}.new-header .auth-dropdown-menu .menu-link:hover{background:#00000008;color:#111}body.dark-mode .new-header .auth-dropdown-menu .menu-link:hover{background:#ffffff0d;color:#fff}.new-header .auth-dropdown-menu .menu-link:hover i:not(.fa-chevron-right){color:#ff5722}.new-header .auth-dropdown-menu .menu-link:hover .fa-chevron-right{opacity:1;transform:translate(0)}.auth-footer{padding:8px 12px 12px}.logout-btn{width:100%;padding:14px 16px;text-align:left;background:transparent;border:none;color:#d32f2f;font-weight:600;font-size:.95rem;cursor:pointer;border-radius:12px;display:flex;align-items:center;gap:14px;transition:all .2s ease}.logout-btn i{width:20px;font-size:1.1rem}.logout-btn:hover{background:#d32f2f14}body.dark-mode .logout-btn:hover{background:#d32f2f26}.new-header .guest-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.new-header .guest-action-btn{border:0;border-radius:12px;padding:11px 10px;font-weight:700;cursor:pointer;transition:all .2s ease}.new-header .guest-action-btn.primary{background:linear-gradient(135deg,#ff8c00,#ff5722);color:#fff;box-shadow:0 6px 16px #ff572240}.new-header .guest-action-btn.secondary{background:#eef2f8;color:#223047}body.dark-mode .new-header .guest-action-btn.secondary{background:#ffffff1f;color:#f0f4ff}.new-header .guest-action-btn:hover{transform:translateY(-1px)}.new-header .guest-footer-links{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;width:100%;padding-top:2px}.new-header .small-link{display:inline-flex;align-items:center;gap:6px;color:#526075;font-size:.88rem;font-weight:600;text-decoration:none;white-space:nowrap}.new-header .small-link:hover{color:#ff5722}body.dark-mode .new-header .small-link{color:#c9d3e5}body.dark-mode .new-header .small-link:hover{color:#ffb37f}.new-header .user-profile-row{display:flex;align-items:flex-start;gap:14px;width:100%}.new-header .avatar-ring{width:56px;height:56px;border-radius:50%;background:#fff3;padding:3px}.new-header .avatar-img{width:100%;height:100%;border-radius:50%;background:#fff;color:#ff5722;display:flex;align-items:center;justify-content:center;font-weight:800;object-fit:cover}.new-header .user-name{font-size:1.12rem;font-weight:800;color:#1d2738;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-header .user-details{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.new-header .user-email{font-size:.82rem;font-weight:500;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-header .user-badge{margin-top:2px;font-size:.72rem;font-weight:700;color:#ff5722}body.dark-mode .new-header .user-name{color:#f5f7ff}body.dark-mode .new-header .user-email{color:#97a4be}body.dark-mode .new-header .user-badge{color:#ffb37f}@media(max-width:520px){.new-header .guest-actions{grid-template-columns:1fr}.new-header .guest-footer-links{flex-direction:column;gap:10px}}.new-header .logout-btn{width:100%;border:0;border-radius:14px;background:#fff3f3;color:#e24b4b;font-weight:700;padding:13px 14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}body.dark-mode .new-header .logout-btn{background:#e24b4b2e;color:#ff9b9b}.animated-bell{display:inline-block;transition:transform .3s}.new-header .action-btn:hover .animated-bell{animation:bell-ring 1s ease-in-out infinite}.notification-dot{position:absolute;top:5px;right:5px;width:10px;height:10px;background-color:#ff3b30;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003;z-index:10;pointer-events:none}#notifications-btn{position:relative}@keyframes bell-ring{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@media(max-width:768px){.new-header .navigation,.new-header .account-text,.new-header .auth-action{display:none}.new-header .user-actions{gap:8px}.new-header .search-container{width:90%}}
