.sidebar{background-color:#f8f9fa;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:1050}.sidebar-user-info{align-items:center;background-color:#e9ecef;border-bottom:1px solid #ddd;display:flex;padding:15px 20px}.sidebar-user-image{border:2px solid #007bff;border-radius:50%;height:50px;margin-right:15px;object-fit:cover;width:50px}.sidebar-user-details{display:flex;flex-direction:column;justify-content:center}.sidebar-user-name{color:#212529;font-size:1rem;font-weight:700;margin-bottom:3px}.sidebar-user-id{color:#6c757d;font-size:.875rem}@media (max-width:768px){.sidebar{left:-260px;max-width:260px;width:80%}.sidebar.visible{left:0}}@media (min-width:769px){.sidebar{left:0!important}}.sidebar-toggle-btn{background:#0000;border:none;color:#333;cursor:pointer;display:none;font-size:24px;left:10px;position:fixed;top:10px;z-index:1100}@media (max-width:768px){.sidebar-toggle-btn{display:block}}.sidebar-overlay{background:#0006;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;visibility:hidden;width:100vw;z-index:1040}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar ul{flex-grow:1;list-style:none;margin:0;padding:0}.sidebar li{border-bottom:1px solid #ddd}.sidebar li>button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:600;padding:12px 20px;text-align:left;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;width:100%}.sidebar li>button:hover{background-color:#e9ecef}.sidebar li>button>span:first-child{align-items:center;display:flex;font-size:18px}.sidebar li>button>span:nth-child(2){margin-left:8px}.menu-button-arrow{color:#666;font-size:20px;font-weight:600;margin-left:auto;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.menu-button-arrow.open{color:#007bff;transform:rotate(180deg)}.sidebar li ul{background-color:#f1f3f5;list-style:none;margin:0;padding-left:40px;transition:max-height .3s ease}.sidebar li ul li{padding:8px 0}.sidebar li ul li a{align-items:center;color:#555;display:flex;font-weight:400;text-decoration:none;transition:color .2s ease,font-weight .2s ease}.sidebar li ul li a:hover{color:#007bff;font-weight:600}.sidebar li ul li a>svg{flex-shrink:0;font-size:16px}.sidebar li ul li a>span{margin-left:8px}.sidebar li ul li a.active,.sidebar li ul li a.active:hover{color:#007bff;font-weight:600}.sidebar>div{background-color:#f8f9fa;border-top:1px solid #ddd;padding:15px 20px}.sidebar>div button{align-items:center;background-color:#dc3545;border:none;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:8px;transition:background-color .3s ease;width:100%}.sidebar>div button:hover{background-color:#c82333}.sidebar>div button svg{margin-right:8px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.sidebar li ul li a:focus,.sidebar li>button:focus,.sidebar>div button:focus{outline:2px solid #007bff;outline-offset:2px}.admin-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-left .brand{color:#007bff;font-size:1.25rem;font-weight:700;text-decoration:none}.header-right{gap:20px}.header-right,.user-info{align-items:center;display:flex}.user-info{gap:10px}.user-avatar{border:2px solid #007bff;border-radius:50%;height:40px;object-fit:cover;width:40px}.user-details{color:#333;display:flex;flex-direction:column;font-size:.875rem}.user-name{font-weight:600}.user-status{align-items:center;color:#6c757d;display:flex;font-style:italic}.btn-logout{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 15px;transition:background-color .25s ease}.btn-logout:hover{background-color:#b02a37}.btn-share{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:6px 12px}.btn-share:hover{background-color:#0056b3}.share-container{display:inline-block;position:relative}.share-options{background:#fff;border:1px solid #ccc;box-shadow:0 2px 6px #0003;padding:10px;position:absolute;right:0;top:35px;width:180px;z-index:1000}.share-options a,.share-options button{background:none;border:none;color:#333;cursor:pointer;display:block;padding:8px;text-align:left;text-decoration:none;width:100%}.share-options a:hover,.share-options button:hover{background-color:#f5f5f5}@media (max-width:600px){.share-options{left:0;right:auto;width:100%}}@media (max-width:480px){.user-details{display:none}.btn-logout{font-size:.85rem;padding:8px 10px}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%);background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.product-card{transition:transform .2s ease}.product-card:hover{box-shadow:0 0 10px #00000026;transform:scale(1.02)}.filter-sidebar{min-height:100vh;position:-webkit-sticky;position:sticky;top:0}.card img{height:200px;object-fit:cover}.card-title{font-size:1rem;font-weight:600}.mlm-tree{margin:0 auto;max-width:100%;padding:15px}.node{word-wrap:break-word;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px auto;overflow-wrap:break-word;padding:12px}.node-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.node-image{border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.node-info{flex:1 1;min-width:0;overflow-wrap:anywhere}.node-info strong{display:block;font-size:15px;line-height:1.4;white-space:normal}.node-level{color:#888;font-size:12px}.toggle-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:18px;margin-left:auto}.children{border-left:2px dashed #ccc;margin-top:10px;padding-left:15px}@media (max-width:576px){.node{padding:10px}.node-info strong{font-size:14px}.node-image{height:40px;width:40px}}.btn-icon{align-items:center;color:#007bff;display:inline-flex;font-size:18px;justify-content:center;padding:5px;transition:color .2s ease}.btn-icon:hover{color:#0056b3}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-container{padding-top:56.25%;position:relative;width:100%}#youtube-video{z-index:1}#youtube-video,.video-overlay-blocker{height:100%;left:0;position:absolute;top:0;width:100%}.video-overlay-blocker{background-color:initial;pointer-events:all;z-index:2}
/*# sourceMappingURL=main.a5c50b5c.css.map*/