.header{align-items:center;background:var(--bg-header);border-bottom:1px solid var(--border);display:flex;gap:16px;height:48px;padding:0 16px;position:sticky;top:0;z-index:100}.header-left{flex-shrink:0}.logo{align-items:center;display:flex;font-size:16px;font-weight:700;gap:5px}.logo:hover{opacity:.85}.logo-flag{font-size:18px;line-height:1}.logo-uae{color:var(--text-white)}.logo-place{color:var(--green)}.header-center{display:flex;flex:1;justify-content:center;margin:0 auto;max-width:420px}.header-search{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);display:flex;gap:8px;height:32px;padding:0 10px;transition:border-color .15s;width:100%}.header-search:focus-within{border-color:var(--border-hover)}.header-search input{background:none;border:none;color:var(--text-primary);flex:1;font-family:var(--font);font-size:13px;outline:none}.header-search input::-moz-placeholder{color:var(--text-muted)}.header-search input::placeholder{color:var(--text-muted)}.search-shortcut{background:var(--bg-body);border:1px solid var(--border);border-radius:3px;color:var(--text-muted);font-size:10px;padding:1px 5px}.search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.search-clear:hover{color:var(--text-white)}.header-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.header-prices{display:flex;gap:14px}.hprice{color:var(--text-secondary);font-size:11px;white-space:nowrap}.hlabel{color:var(--text-muted);margin-right:3px}.hchange,.hlabel{font-weight:600}.hchange.up{color:var(--green)}.hchange.down{color:var(--red)}.header-sep{background:var(--border);height:20px;width:1px}.hbtn{align-items:center;border:none;border-radius:4px;display:inline-flex;font-family:var(--font);font-size:12px;font-weight:500;height:28px;justify-content:center;padding:0 12px}.hbtn-ghost{background:none;border:1px solid var(--border);color:var(--text-secondary)}.hbtn-ghost:hover{border-color:var(--border-hover);color:var(--text-white)}.hbtn-primary{background:var(--green);color:#fff;font-weight:600}.hbtn-primary:hover{opacity:.9}.huser-name{color:var(--text-secondary);font-size:12px;font-weight:500;white-space:nowrap}@media(max-width:768px){.header-prices,.header-sep{display:none}.header-center{max-width:200px}}.left-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:8px 0;width:64px}.ls-item,.ls-nav{display:flex;flex-direction:column;gap:2px}.ls-item{align-items:center;color:var(--text-muted);padding:8px 4px;position:relative;text-decoration:none;transition:all .12s}.ls-item:hover{background:var(--bg-hover);color:var(--text-primary)}.ls-item.active{color:var(--text-white)}.ls-item.active:before{background:var(--green);border-radius:0 2px 2px 0;bottom:8px;content:"";left:0;position:absolute;top:8px;width:2px}.ls-icon{font-size:16px;line-height:1}.ls-label{font-size:9px;font-weight:500;letter-spacing:.2px}.ls-bottom{display:flex;flex-direction:column}@media(max-width:768px){.left-sidebar{border-right:none;border-top:1px solid var(--border);bottom:0;height:48px;left:0;padding:0;position:fixed;right:0;z-index:300}.left-sidebar,.ls-nav{flex-direction:row;justify-content:center;width:100%}.ls-nav{gap:0}.ls-item{align-items:center;flex:1;flex-direction:row;gap:6px;height:48px;justify-content:center;padding:0}.ls-item.active:before{border-radius:0 0 2px 2px;height:2px;inset:0 0 auto;width:auto}}