*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--bg: #f7f6f2;--bg2: #ffffff;--bg3: #efefea;--border: #e2e0d8;--border2: #d0cec4;--text: #1a1917;--text2: #6b6960;--text3: #9b9890;--green: #1D9E75;--green-bg: #e8f7f1;--green-text:#0a5c43;--blue-bg: #e8f0fb;--blue-text: #1a3a7a;--amber-bg: #fdf3de;--amber-text:#7a4f10;--red-bg: #fdeaea;--red-text: #7a1a1a;--gray-bg: #f0efe9;--gray-text: #5a5950;--sidebar-w: 210px;--topbar-h: 52px}html,body,#root{height:100%;font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500;line-height:1.6}.badge-client{background:var(--blue-bg);color:var(--blue-text)}.badge-supplier{background:var(--green-bg);color:var(--green-text)}.badge-transport,.badge-cargo{background:var(--amber-bg);color:var(--amber-text)}.badge-active{background:var(--green-bg);color:var(--green-text)}.badge-inactive{background:var(--gray-bg);color:var(--gray-text)}