:root{--sidebar-width: 250px;--sidebar-collapsed-width: 70px;--header-height: 70px;--primary-color: #3b82f6;--bg-main: #f4f7fe;--slate-100: #f1f5f9;--slate-300: #cbd5e1;--slate-700: #2d3748;--slate-800: #1a202c}html,body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;font-family:Inter,sans-serif;background-color:var(--bg-main)}*,*:before,*:after{box-sizing:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:10px}::-webkit-scrollbar-track{background:var(--slate-100)}.search-bar{width:100%;max-width:400px;min-width:0}