:root{--b2b-bg-light:#f5f5f7;--b2b-bg-dark:#121212;--b2b-magenta:#ec008c;--b2b-orange:#fbb040;--b2b-green:#39b54a;--b2b-white:#fff;--b2b-purple:#73479c;--b2b-deep-plum:#2d1044}.b2b-wrapper{background-color:var(--b2b-bg-light);min-height:100vh;display:flex;overflow:hidden}.b2b-sidebar{background-color:var(--b2b-bg-dark);width:280px;color:var(--b2b-white);border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;transition:all .3s;display:flex}.b2b-sidebar .nav-link{color:#ffffffb3;border-radius:8px;align-items:center;margin:4px 14px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.b2b-sidebar .nav-link:hover{color:var(--b2b-white);background-color:#ffffff1a}.b2b-sidebar .nav-link.active{color:var(--b2b-white);background-color:var(--b2b-magenta);box-shadow:0 4px 12px #ec008c33}.b2b-sidebar .nav-link i{width:24px;margin-right:8px;font-size:1.1rem}.b2b-main-content{background-color:var(--b2b-bg-light);flex-grow:1;height:100vh;padding:2rem;overflow-y:auto}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}