:root{--primary-teal:#00a5bc;--bg-soft-grey:#f1f5f9;--sidebar-width:260px;--header-height:65px;--text-main:#475569;--text-dark:#0f172a}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body,html,#root{background-color:var(--bg-soft-grey);width:100%;height:100%}.app-wrapper{flex-direction:column;width:100%;min-height:100vh;display:flex}.main-header{height:var(--header-height);background-color:var(--primary-teal);z-index:1000;color:#fff;justify-content:space-between;align-items:center;width:100%;padding:0 20px;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 5px #0000001a}.header-left{align-items:center;gap:15px;display:flex}.brand-section{letter-spacing:.5px;white-space:nowrap;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;font-size:18px;transition:background .2s;display:flex}.icon-btn:hover{background-color:#ffffff26}.header-right-container{align-items:center;gap:20px;max-width:75%;display:flex}.header-selectors-group{align-items:center;gap:10px;display:flex}.selector-box{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#ffffff26;border:1px solid #ffffff40;border-radius:4px;outline:none;max-width:280px;padding:6px 12px;font-size:13px;overflow:hidden}.selector-box option{color:#334155}.header-right-actions{align-items:center;gap:15px;display:flex;position:relative}.notification-wrapper{position:relative}.badge{color:#fff;background-color:#ef4444;border-radius:50%;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:-2px;right:-2px}.user-profile-trigger{cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:8px;padding:5px;display:flex}.avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:32px;height:32px}.user-name{font-size:14px;font-weight:500}.dropdown-menu{z-index:2000;background-color:#fff;border-radius:4px;width:200px;padding:6px 0;animation:.15s ease-out fadeIn;position:absolute;top:52px;right:0;box-shadow:0 4px 15px #00000026}.dropdown-menu:before{content:"";background-color:#fff;width:12px;height:12px;position:absolute;top:-6px;right:15px;transform:rotate(45deg)}.dropdown-menu.notifications{width:320px}.dropdown-item{color:var(--text-main);cursor:pointer;align-items:center;gap:12px;padding:10px 16px;font-size:14px;text-decoration:none;display:flex}.dropdown-item:hover{color:var(--text-dark);background-color:#f8fafc}.notif-item{border-bottom:1px solid #f1f5f9;padding:12px 15px}.main-container{margin-top:var(--header-height);flex:1;width:100%;display:flex;position:relative}.sidebar{width:var(--sidebar-width);height:calc(100vh - var(--header-height));top:var(--header-height);z-index:999;background-color:#fff;border-right:1px solid #e2e8f0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;left:0;overflow-y:auto}.nav-links{flex-direction:column;padding:10px 0;list-style:none;display:flex}.nav-item{color:var(--text-main);align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--primary-teal);background-color:#f8fafc}.nav-item.active{background-color:var(--primary-teal);font-weight:600;color:#fff!important}@keyframes invToastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes invToastBar{0%{width:100%}to{width:0}}.inv-menu-row{gap:0;padding:0}.inv-menu-link{min-width:0;color:inherit;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:12px;padding:12px 4px 12px 20px;font-size:14px;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.inv-menu-toggle{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:12px 18px 12px 8px;display:flex}.inv-menu-chevron{font-size:12px;transition:transform .15s}.inv-menu-chevron.open{transform:rotate(180deg)}.inv-sublist{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.inv-role-note{color:#64748b;padding:6px 20px 6px 44px;font-size:11.5px;font-weight:700}.inv-subitem{color:var(--text-main);align-items:center;gap:10px;padding:10px 20px 10px 44px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.inv-subitem:hover{color:var(--primary-teal);background-color:#f8fafc}.inv-subitem.active{color:#00767f;background-color:#e0f7fa;font-weight:700}.main-body{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));flex:1;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.header-selectors-group{gap:6px}.selector-box{max-width:160px;padding:6px 8px;font-size:12px}.user-name{display:none}}@media (width<=768px){.header-selectors-group{display:none}.sidebar{transform:translate(-100%);box-shadow:4px 0 15px #0000001a}.sidebar.open{transform:translate(0)}.main-body{width:100%;margin-left:0;padding:15px}.dropdown-menu.notifications{width:290px;position:fixed;right:10px}}