@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--primary-color:#4285f4;--secondary-color:#333;--background-light:#f9fafb;--background-gradient:linear-gradient(to bottom, #f9fafb, #fff);--font-family:"Poppins", sans-serif;--transition-speed:.3s}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}body{color:var(--secondary-color);background:#fff;flex-direction:column;justify-content:space-between;min-height:100vh;line-height:2;display:flex}h1{text-align:center;color:var(--primary-color);text-transform:uppercase;text-shadow:0 1px 4px #0000001a;margin-bottom:10px;font-size:2.6rem;font-weight:700}:root{--sidebar-bg:#fff;--sidebar-bg-soft:#f3f4f6;--sidebar-border:#e5e7eb;--sidebar-text:#374151;--sidebar-muted:#6b7280;--sidebar-dark:#4b5563;--sidebar-orange:#ff5a00;--sidebar-orange-soft:#ff5a001a;--sidebar-width:270px;--sidebar-collapsed-width:78px;--sidebar-transition:.25s ease}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);height:100dvh;color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);z-index:1100;transition:width var(--sidebar-transition), transform var(--sidebar-transition);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:8px 0 24px #11182714}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid var(--sidebar-border);box-sizing:border-box;background:#f9fafb;flex-shrink:0;justify-content:space-between;align-items:center;height:82px;min-height:82px;padding:18px 16px;display:flex}.sidebar-logo{object-fit:contain;margin:auto;border-radius:0!important;width:150px!important;height:auto!important}.collapse-btn{border:1px solid var(--sidebar-border);width:36px;height:36px;color:var(--sidebar-dark);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.collapse-btn:hover{background:var(--sidebar-orange);color:#fff;border-color:var(--sidebar-orange)}.sidebar-user{box-sizing:border-box;background:#fff;flex-shrink:0;padding:12px 18px 8px}.sidebar-user h6{color:var(--sidebar-orange);margin:0 0 3px!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important}.sidebar-user-name{color:var(--sidebar-dark);font-size:14px!important;font-weight:800!important;line-height:1.2!important}.sidebar-user-role{color:var(--sidebar-muted);text-transform:capitalize;margin-top:2px!important;font-size:12px!important;line-height:1.2!important}.company-box{box-sizing:border-box;flex-shrink:0;padding:6px 16px 10px}.company-label{color:var(--sidebar-muted);margin-bottom:5px!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important}.company-select{background:#f9fafb;color:var(--sidebar-text)!important;border-radius:12px!important}.company-select .MuiOutlinedInput-notchedOutline{border-color:var(--sidebar-border)!important}.company-select:hover .MuiOutlinedInput-notchedOutline{border-color:var(--sidebar-orange)!important}.company-select .MuiSvgIcon-root{color:var(--sidebar-orange)}.sidebar-divider{flex-shrink:0;border-color:var(--sidebar-border)!important}.sidebar-menu{box-sizing:border-box;overscroll-behavior:contain;flex-direction:column;flex:auto;gap:6px;min-height:0;padding:10px;display:flex;overflow:hidden auto}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:20px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:var(--sidebar-orange)}.sidebar-link{color:inherit;flex-shrink:0;text-decoration:none;display:block}.menu-item{box-sizing:border-box;width:100%;min-height:44px;color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;border-radius:14px;outline:none;align-items:center;gap:12px;padding:0 14px;font-size:13px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:flex;position:relative}.menu-item:hover{background:var(--sidebar-orange-soft);color:var(--sidebar-orange)}.menu-item.active{background:var(--sidebar-orange);color:#fff;box-shadow:0 8px 18px #ff5a0047}.menu-icon{flex-shrink:0;place-items:center;min-width:24px;display:grid}.menu-icon svg{font-size:22px}.menu-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar.collapsed .sidebar-header{justify-content:center;padding-left:10px;padding-right:10px}.sidebar.collapsed .menu-item{justify-content:center;gap:0;padding-left:0;padding-right:0}.sidebar.collapsed .sidebar-menu,.sidebar.collapsed .sidebar-footer{padding-left:10px;padding-right:10px}.sidebar.collapsed .logout-item{justify-content:center;padding-left:0;padding-right:0}.sidebar-footer{box-sizing:border-box;border-top:1px solid var(--sidebar-border);background:#f9fafb;flex-shrink:0;padding:10px 12px}.logout-item{color:#dc2626}.logout-item:hover{color:#dc2626;background:#dc26261a}.tooltip{background:var(--sidebar-dark);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:2000;border-radius:9px;padding:8px 11px;font-size:13px;font-weight:700;transition:all .15s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 10px 20px #11182738}.tooltip:before{content:"";background:var(--sidebar-dark);width:10px;height:10px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)rotate(45deg)}.menu-item:hover .tooltip{opacity:1}.sidebar.sidebar-mobile{z-index:1299;width:280px;max-width:85vw;height:100dvh;animation:.25s sidebarSlideIn;box-shadow:8px 0 30px #0003}@media (width<=900px){.sidebar.sidebar-mobile{width:280px;max-width:85vw}.sidebar-header{height:58px;min-height:58px;padding:8px 12px}.sidebar-logo{max-height:40px;width:120px!important}.sidebar-user{padding:7px 14px 5px}.sidebar-user h6{margin-bottom:2px!important;font-size:13px!important}.sidebar-user-name{font-size:13px!important}.sidebar-user-role{margin-top:1px!important;font-size:11px!important}.company-box{padding:5px 14px 7px}.company-label{margin-bottom:4px!important;font-size:11px!important}.company-select .MuiSelect-select{font-size:13px;padding-top:7px!important;padding-bottom:7px!important}.sidebar-divider{margin:2px 0!important}.sidebar-menu{gap:3px;padding:6px 8px}.menu-item{border-radius:11px;gap:10px;min-height:39px;padding-left:12px;padding-right:12px;font-size:12px}.menu-icon{min-width:22px}.menu-icon svg{font-size:20px}.sidebar-footer{padding:6px 8px}.sidebar-footer .menu-item{min-height:40px}}@media (width<=600px){.sidebar.sidebar-mobile{width:270px;max-width:88vw}.sidebar-header{height:56px;min-height:56px;padding:7px 10px}.sidebar-logo{max-height:38px;width:110px!important}.collapse-btn{border-radius:10px;width:34px;height:34px}.sidebar-user{padding:6px 12px 4px}.company-box{padding:4px 12px 6px}.sidebar-menu{gap:2px;padding:5px 7px}.menu-item{min-height:38px;padding-left:11px;padding-right:11px}.sidebar-footer{padding:5px 7px}}@media (height<=650px){.sidebar-header{height:54px;min-height:54px;padding-top:6px;padding-bottom:6px}.sidebar-logo{max-height:38px;width:115px!important}.sidebar-user{padding-top:5px;padding-bottom:4px}.sidebar-user h6{margin-bottom:1px!important;font-size:12px!important}.sidebar-user-name{font-size:12px!important}.sidebar-user-role{font-size:10px!important}.company-box{padding-top:3px;padding-bottom:5px}.company-label{margin-bottom:3px!important;font-size:10px!important}.company-select .MuiSelect-select{font-size:12px;padding-top:5px!important;padding-bottom:5px!important}.sidebar-menu{gap:2px;padding-top:5px;padding-bottom:5px}.menu-item{min-height:36px;font-size:12px}.menu-icon svg{font-size:19px}.sidebar-footer{padding-top:4px;padding-bottom:4px}.sidebar-footer .menu-item{min-height:36px}}@keyframes sidebarSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}