.top-wrapper{width:100%;position:sticky;top:var(--header-height);z-index:90;padding-top:clamp(50px, 7.5vw, 135px);padding-inline-start:clamp(8px, 5.25vw, 100px);padding-inline-end:clamp(4px, 2.65vw, 50px)}.top-bar{background:#fff;box-shadow:0 0 8px 0 #00000026;border-radius:16px;min-height:112px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.user-box{display:flex;align-items:center;gap:12px;min-width:190px}.user-info{line-height:1.2}.user-name{font-size:var(--fs-24);font-weight:700;color:var(--green)}.user-id{margin:4px 0 0;font-size:var(--fs-16);color:var(--green)}.avatar-wrap{width:80px;height:80px;flex-shrink:0}.avatar-ring{width:80px;height:80px;border:1px solid var(--Foundation-brown-Normal);border-radius:50%;padding:4px;background:#fff}.avatar-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.search-section{flex:1;display:flex;align-items:center;justify-content:center}.search-box{width:100%;position:relative;min-width:300px}.search-input{width:100%;min-height:56px;border:none;background:#F1F5F9;border-radius:52px;padding-inline-start:56px;padding-inline-end:18px;font-size:var(--fs-14);color:#96A5BA;outline:none}.search-input::placeholder{color:#96A5BA}.search-icon{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:#7f8a93;font-size:15px}.divider{width:1px;height:48px;background:#EDF0F5;margin:0 24px;flex-shrink:0}.menu-box{width:40px;height:40px;border:1px solid var(--green-light);border-radius:12px;display:flex;align-items:center;justify-content:center;background:#F1F5F9;flex-shrink:0}@media (max-width:768px){.top-bar{flex-wrap:wrap;padding:14px;gap:12px}.search-section{width:100%;order:3;padding:0}.divider{display:none}.user-name{font-size:22px}}