:root{--primary-color: #3f51b5;--accent-color: #ff4081;--warn-color: #f44336;--text-color: #333;--light-gray: #f5f5f5;--sidebar-width: 250px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--light-gray)}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-content{display:flex;flex:1}.main-content{flex:1;padding:20px;margin-left:var(--sidebar-width);transition:margin-left .3s ease}@media (max-width: 768px){.main-content{margin-left:0}}