/* Scoped to .sp-sidebar, #v-buyer, #v-supplier */
@scope (.sp-sidebar, #v-buyer, #v-supplier) {
.sp-sidebar{position:fixed;inset:0 auto 0 0;width:300px;z-index:40;overflow:auto;color:#eef4ff;background:radial-gradient(ellipse at 65% 65%,#06233c55,transparent 70%),linear-gradient(110deg,#001525,#031d33 55%,#001627);border-left:0;border-right:1px solid #4c6477;font-family:'Segoe UI',Arial,sans-serif;scrollbar-width:thin;scrollbar-color:#27465e #031b30}.sp-inner{min-height:100%;display:flex;flex-direction:column;padding:0 7px 26px 1px}.sp-header{height:94px;min-height:94px;display:flex;align-items:center;padding:0 7px 0 16px;gap:12px}.sp-logo{width:39px;height:44px;flex:none}.sp-brand{white-space:nowrap;flex:1;min-width:0}.sp-brand b{font-size:24px;letter-spacing:-.8px;font-weight:650}.sp-brand b span{color:#ffbe16}.sp-brand sup{color:#ffbe16;font-size:12px;margin-left:9px;vertical-align:5px;letter-spacing:0}.sp-brand small{display:block;font-size:11px;letter-spacing:.5px;color:#7191b4;margin-top:1px}.sp-collapse{width:42px;height:42px;flex:none;border:1px solid #17374f;border-radius:50%;background:#0b2a4266;color:#9eb8d9;display:grid;place-items:center}.sp-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}.sp-nav{display:grid;gap:2px}.sp-link{position:relative;width:100%;height:48px;padding:0 21px 0 24px;display:flex;align-items:center;gap:26px;border:1px solid transparent;border-radius:11px;color:#f2f5ff;text-align:left;font-size:15px;white-space:nowrap;background:none;flex:none}.sp-link .sp-label{flex:1}.sp-link.is-active{border-color:#fbc400;background:linear-gradient(100deg,#ffbc1922,#ffcf1909);box-shadow:inset 7px 0 #ffc12a}.sp-link.is-active>.sp-icon{color:#ffc32d;filter:drop-shadow(0 0 9px #ffbc3555)}.sp-link.is-active:after{content:'';width:12px;height:12px;position:absolute;right:21px;border-radius:50%;background:#ffc62c;box-shadow:0 0 14px #ffc32dbb}.sp-link:hover{background-color:#ffffff08}.sp-badge{border-radius:50%;width:23px;height:23px;display:grid;place-items:center;background:radial-gradient(circle at 65% 25%,#ff7160,#ff3a2b 65%,#ec342a);color:white;font-size:16px;box-shadow:0 3px 9px #f94a2b25}.sp-bottom{margin:11px 9px 0 16px;padding-top:16px;border-top:1px solid #254158}.sp-profile,.sp-logout{width:100%;display:flex;align-items:center;border:1px solid #193b51;background:linear-gradient(110deg,#09273e88,#122d4466);border-radius:11px;color:#f4f6ff;text-align:left}.sp-profile{padding:7px 10px;gap:14px;height:63px}.sp-avatar{width:47px;height:47px;flex:none;border-radius:50%;background:linear-gradient(115deg,#5478a4,#345981);box-shadow:inset 0 0 0 1px #809bbc44;display:grid;place-items:center;font-size:19px}.sp-profile-copy{flex:1;min-width:0}.sp-profile b{font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-profile small{display:block;font-size:12px;color:#c5d8ef;margin-top:3px}.sp-profile>.sp-icon{width:19px;color:#adc7e7}.sp-logout{height:50px;justify-content:center;gap:18px;font-size:16px;margin-top:9px}
*{box-sizing:border-box}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #268aff;outline-offset:-3px}
.sp-sidebar{position:static;width:270px;height:100%;overflow-x:hidden;font-size:13px;line-height:normal}
.sp-link{gap:13px;padding-left:20px;padding-right:13px;font-size:14px}.sp-link .sp-label{min-width:0;white-space:normal;font-size:13px}.sp-link.is-active:after{right:12px}.sp-brand b{font-size:22px}.sp-header{gap:8px}.sp-brand sup{margin-left:4px}.sp-logo{width:32px}.sp-collapse{width:33px;height:33px;visibility:hidden;pointer-events:none}

}