@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:100vh;color:var(--sidebar-text);transition:width var(--sidebar-transition);border-right:1px solid var(--sidebar-border);z-index:1000;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:visible;box-shadow:8px 0 24px #11182714}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid var(--sidebar-border);background:#f9fafb;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;place-items:center;transition:all .2s;display:grid}.collapse-btn:hover{background:var(--sidebar-orange);color:#fff;border-color:var(--sidebar-orange)}.sidebar-user{background:#fff;padding:16px 18px 14px}.sidebar-user h6{color:var(--sidebar-orange);margin-bottom:4px!important;font-size:15px!important;font-weight:800!important}.sidebar-user-name{color:var(--sidebar-dark);font-size:14px!important;font-weight:800!important}.sidebar-user-role{color:var(--sidebar-muted);text-transform:capitalize;margin-top:2px!important;font-size:12px!important}.company-box{padding:0 16px 14px}.company-label{color:var(--sidebar-muted);margin-bottom:6px!important;font-size:12px!important;font-weight:700!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{border-color:var(--sidebar-border)!important}.sidebar-menu{flex-direction:column;flex:1;gap:6px;min-height:0;padding:10px;display:flex;overflow:visible auto}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:20px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:var(--sidebar-orange)}.sidebar-link{color:inherit;text-decoration:none}.menu-item{width:100%;color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;border-radius:14px;outline:none;align-items:center;gap:12px;min-height:44px;padding:0 14px;font-size:13px;font-weight:700;transition:all .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{place-items:center;min-width:24px;display:grid}.menu-icon svg{font-size:22px}.menu-text{white-space:nowrap}.sidebar.collapsed .menu-item{justify-content:center;padding:0}.sidebar.collapsed .sidebar-menu{padding-left:10px;padding-right:10px}.sidebar-footer{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}