* {
box-sizing: border-box;
}
:root {
--bg-sidebar: #2c2c2c;
--sub-menu-bg: #252525;
--hover-bg: #3d3d3d;
--bg-main: #121212;
--card-bg: #1e1e1e;
--text-color: #b0b0b0;
--text-hover: #ffffff;
--border-color: #1a1a1a;
--accent-green: #4cd137;
}

body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
display: flex;
background-color: var(--bg-main);
color: #fff;
min-height: 100vh;
}
.main-content {
margin-left: 250px !important;
padding: 40px;
width: calc(100% - 250px);
display: block;
}