: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-orange);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}@media (width<=700px){body,html{width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}.b2b-wrapper{width:100%!important;min-height:100vh!important;display:block!important;position:relative!important}.b2b-sidebar{z-index:1050!important;width:280px!important;height:100vh!important;transition:left .3s ease-in-out!important;position:fixed!important;top:0!important;left:-280px!important;box-shadow:5px 0 20px #00000080!important}.b2b-sidebar.mobile-open{left:0!important}.b2b-main-content{width:100%!important;height:auto!important;min-height:100vh!important;margin:0!important;padding:10px!important;overflow-x:hidden!important}.container-fluid,.row,.col,[class*=col-]{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:5px!important;padding-right:5px!important}.card{border-radius:8px!important;margin-bottom:1rem!important}h2,h3,h4{font-size:1.25rem!important}h5,h6{font-size:1rem!important}.table-responsive{-webkit-overflow-scrolling:touch;border:0!important;width:100%!important;display:block!important;overflow-x:auto!important}.btn,.form-control,.form-select{padding:.45rem .6rem!important;font-size:.85rem!important}.d-flex.flex-md-row,.d-flex.justify-content-between{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.b2b-mobile-toggle{justify-content:center;align-items:center;display:inline-flex!important}.table-responsive{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:inset 0 2px 4px #00000005;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;width:100%!important;display:block!important;overflow-x:auto!important}.table-responsive table{table-layout:auto!important;width:max-content!important;min-width:100%!important}.table-responsive th,.table-responsive td{min-width:200px;vertical-align:middle!important;padding:10px 12px!important}.table-wrap-cell div{white-space:normal!important;word-break:break-word!important;min-width:180px!important}.sticky-col-head,.sticky-col-cell{box-shadow:none!important;position:static!important}}.b2b-sidebar-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:background .2s;display:none;position:absolute;top:15px;right:15px}.b2b-sidebar-close:hover{color:var(--b2b-orange);background:#fff3}@media (width<=1024px){.b2b-sidebar-close{display:flex}}